http://2014.igem.org/wiki/index.php?title=Special:Contributions&feed=atom&limit=250&target=Eledieu
2014.igem.org - User contributions [en]
2024-03-28T10:44:59Z
From 2014.igem.org
MediaWiki 1.16.5
http://2014.igem.org/File:2014_ETH_EL_IGEM_report.pdf
File:2014 ETH EL IGEM report.pdf
2015-08-13T07:59:36Z
<p>Eledieu: </p>
<hr />
<div></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/modeling/parameters
Team:ETH Zurich/modeling/parameters
2014-10-18T03:39:45Z
<p>Eledieu: /* Parameters */</p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Parameters and Tools}}<br />
{{:Team:ETH Zurich/tpl/fortables}}<br />
<br />
<br />
<html><article></html><br />
==Parameters==<br />
No model is complete without parameters. Our exhaustive list of parameters are summarised in the table below. <br />
<br />
{|class="wikitable sortable"<br />
!Parameter!!Value!!Description!!Reference<br />
|-<br />
|α<sub>LuxR</sub>||0.005 μMmin<sup>-1</sup>||Production rate of LuxR||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup><br />
|-<br />
|k<sub>RLux</sub>||0.1 nM<sup>-1</sup>min<sup>-1</sup>|| Rate of formation of RLux from LuxAHL and LuxR||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup><br />
|-<br />
|k<sub>-RLux</sub>||10 min<sup>-1</sup>||Dissociation rate of RLux ||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup><br />
|-<br />
|K<sub>mLux</sub>||10 nM||Lumped parameter for the Lux system|| [https://2014.igem.org/Team:ETH_Zurich/modeling/qs#Parameters Fitted to experimental data]<br />
|-<br />
|d<sub>LuxAHL</sub>||0.004 min<sup>-1</sup>||External degradation rate of LuxAHL (30C6HSL)||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs#Degradation Fitted to experimental data]<br />
|-<br />
|d<sub>LuxR</sub>||0.0231 min<sup>-1</sup>||Degradation rate of LuxR||Literature <sup>[[Team:ETH_Zurich/project/references|[21]]]</sup><br />
|-<br />
|d<sub>RLux</sub>||0.0231 min<sup>-1</sup>||Degradation rate of RLux||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup><br />
|-<br />
|d<sub>mRNABxb1</sub>||0.2773 min<sup>-1</sup>||Degradation rate of mRNA<sub>Bxb1</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[22]]]</sup><br />
|-<br />
|d<sub>Bxb1</sub>||0.01 min<sup>-1</sup>||Degradation rate of Bxb1||Assumed<br />
|-<br />
|L<sub>PLux</sub>||0.01463 nMmin<sup>-1</sup>||Leakiness after using riboswitch for P<sub>lux</sub>||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs Fitted to experimental data]<br />
|-<br />
|K<sub>mRNABxb1</sub>||5 nMmin<sup>-1</sup>||Rate of transcription of Bxb1||Estimated<br />
|-<br />
|k<sub>Bxb1</sub>||0.1 min<sup>-1</sup>||Rate of formation of Bxb1||Assumed<br />
|-<br />
|α<sub>LasR</sub>||0.005 μMmin<sup>-1</sup>||Production rate of LasR||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup>(Assumed to be the same as Lux system)<br />
|-<br />
|k<sub>RLas</sub>||0.1 nM<sup>-1</sup>min<sup>-1</sup>|| Rate of formation of RLas from LasAHL and LasR||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup> (Assumed to be the same as Lux system)<br />
|-<br />
|k<sub>-RLas</sub>||10 min<sup>-1</sup>||Dissociation rate of RLas ||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup>(Assumed to be the same as Lux system)<br />
|-<br />
|K<sub>mLas</sub>||0.45 nM||Lumped parameter for the Las system ||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs Fitted to experimental data]<br />
|-<br />
|d<sub>LasAHL</sub>||0.004 min<sup>-1</sup>||Degradation rate of LasAHL (30C12HSL)||Estimated<br />
|-<br />
|d<sub>LasR</sub>||0.0231 min<sup>-1</sup>||Degradation rate of LasR||Literature <sup>[[Team:ETH_Zurich/project/references|[21]]]</sup> (Assumed to be the same as Lux system)<br />
|-<br />
|d<sub>RLas</sub>||0.0231 min<sup>-1</sup>||Degradation rate of RLas||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup> (Assumed to be the same as<br />
Lux system)<br />
|-<br />
|d<sub>mRNAϕc31</sub>||0.2773 min<sup>-1</sup>||Degradation rate of mRNA<sub>ϕc31</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[22]]]</sup><br />
|-<br />
|d<sub>ϕc31</sub>||0.01 min<sup>-1</sup>||Degradation rate of ϕC31||Assumed<br />
|-<br />
|L<sub>PLas</sub>||0.02461 nMmin<sup>-1</sup>||Leakiness after using riboswitch for P<sub>las</sub>||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs Fitted to experimental data]<br />
|-<br />
|K<sub>mRNAϕc31</sub>||5 nMmin<sup>-1</sup>||Rate of transcription of ϕc31||Estimated<br />
|-<br />
|k<sub>ϕc31</sub>||0.1 min<sup>-1</sup>||Rate of formation of ϕc31||Assumed<br />
|-<br />
|k<sub>DBxb1</sub>||1 nM<sup>-1</sup>min<sup>-1</sup>||Dimerization rate of Bxb1||[https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>-DBxb1</sub>||10<sup>-6</sup> min<sup>-1</sup>||Dissociation rate of DBxb1|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>SABxb1</sub>||1 nM<sup>-1</sup>min<sup>-1</sup>||Rate of formation of SA<sub>Bxb1</sub> from DBxb1 and SI<sub>Bxb1</sub>|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>-SABxb1</sub>||10<sup>-6</sup> min<sup>-1</sup>||Dissociation rate of SA<sub>Bxb1</sub>|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|d<sub>DBxb1</sub>||0.02 min<sup>-1</sup>||Degradation rate of DBxb1||Assumed<br />
|-<br />
|k<sub>Dϕc31</sub>||1 nM<sup>-1</sup>min<sup>-1</sup>||Dimerization rate of ϕc31|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>-Dϕc31</sub>||10<sup>-6</sup> min<sup>-1</sup>||Rate of dissociation of Dϕc31|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>SAϕc31</sub>||1 nM<sup>-1</sup>min<sup>-1</sup>||Rate of formation of SA<sub>ϕc31</sub> from Dϕc31 and SI<sub>ϕc31</sub>||[https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>-SAϕc31</sub>||10<sup>-6</sup> min<sup>-1</sup>||Rate of dissociation of SA<sub>ϕc31</sub>|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|d<sub>Dϕc31</sub>||0.02 min<sup>-1</sup>||Degradation rate of Dϕc31||Assumed<br />
|-<br />
|k<sub>ToffBxb1</sub>||0.1 nM<sup>-2</sup>min<sup>-1</sup>||Rate of flipping of T<sub>on,i</sub> to T<sub>offBxb1</sub>||Assumed<br />
|-<br />
|k<sub>-ToffBxb1</sub>||0.1 nM<sup>-2</sup>min<sup>-1</sup>||Rate of flipping of T<sub>offBxb1</sub> to T<sub>on,f</sub>||Assumed<br />
|-<br />
|k<sub>Toffϕc31</sub>||0.1 nM<sup>-2</sup>min<sup>-1</sup>||Rate of flipping of T<sub>on,i</sub> to T<sub>offϕc31</sub>||Assumed<br />
|-<br />
|k<sub>-Toffϕc31</sub>||0.1 nM<sup>-2</sup>min<sup>-1</sup>||Rate of flipping of T<sub>offϕc31</sub> to T<sub>on,f</sub>||Assumed<br />
|-<br />
|k<sub>mRNAGFP</sub>||5 nMmin<sup>-1</sup>||Production rate of mRNA<sub>GFP</sub>||Estimated<br />
|-<br />
|k<sub>GFP</sub>||1 min<sup>-1</sup>||Rate of formation of folded GFP||Estimated<br />
|-<br />
|d<sub>mRNAGFP</sub>||0.2773 min<sup>-1</sup>||Degradation rate of mRNA<sub>GFP</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[22]]]</sup><br />
|-<br />
|d<sub>GFP</sub>||0.0049 min<sup>-1</sup>||Degradation rate of GFP||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs#Retrieving_degradation_rates Fitted to experimental data]<br />
|-<br />
|k<sub>mRNALasI</sub>||5 nMmin<sup>-1</sup>||Production rate of mRNA<sub>LasI</sub>||Estimated<br />
|-<br />
|k<sub>LasI</sub>||20 min<sup>-1</sup>||Rate of formation of LasI||Estimated<br />
|-<br />
|d<sub>mRNALasI</sub>||0.2773 min<sup>-1</sup>||Degradation rate of mRNA<sub>LasI</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[22]]]</sup><br />
|-<br />
|d<sub>LasI</sub>||0.0167 min<sup>-1</sup>||Degradation rate of LasI||Literature <sup>[[Team:ETH_Zurich/project/references|[21]]]</sup><br />
|-<br />
|k<sub>LasAHL</sub>||0.04 min<sup>-1</sup>||Production rate of LasAHL (30C12HSL) from the LasI||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup><br />
|-<br />
|θ||0.01 μM||K<sub>m</sub> value for the production of mRNA<sub>GFP</sub> and mRNA<sub>LasI</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup> (approximation)<br />
|-<br />
|D<sub>AHLext</sub>||4.9 10<sup>-6</sup> cm<sup>2</sup>/s||Diffusion coefficient of extracellular AHL in liquid||Literature <sup>[[Team:ETH_Zurich/project/references#Stewart|[27]]]</sup> <br />
|-<br />
|D<sub>m</sub>||100 min<sup>-1</sup>||Diffusion rate of AHL through the membrane||[https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel#Estimation Estimated] from literature <sup>[[Team:ETH_Zurich/project/references|[27]]]</sup><br />
|-<br />
|r||0.006 min<sup>-1</sup>||Growth rate of ''E. coli'' in our alginate beads||<br />
|-<br />
|&alpha;||100 min<sup>-1</sup>||Ratio of '' E. coli'' volume to the volume of one bead|| V<sub>'' E. coli''</sub> from literature <sup>[[Team:ETH_Zurich/project/references#Kaplan|[28]]]</sup>, bead volume from [https://2014.igem.org/Team:ETH_Zurich/expresults#Diffusion experimental setup]<br />
|-<br />
|N<sub>0</sub>||10<sup>7</sup> cells||Initial number of cells per bead|| [https://2014.igem.org/Team:ETH_Zurich/expresults#Diffusion Experimental setup]<br />
|-<br />
|N<sub>m</sub>||8 10<sup>7</sup> cells||Maximum number of cells per bead|| [https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel#Estimation Estimated] from literature <sup>[[Team:ETH_Zurich/project/references#Lars | [29]]]</sup><br />
|-<br />
|C<sub>beads</sub>||1||Correction factor (a priori) for diffusion of LuxAHL in alginate beads|| [https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel#Estimation Estimated] from literature <sup>[[Team:ETH_Zurich/project/references#Cronenberg | [30]]]</sup><br />
|}<br />
<html></article></html><br />
<br />
<html><article></html><br />
<br />
==Tools==<br />
<br />
We used the following tools for modelling and simulation:<br />
<br />
* MATLAB version 8.3.0.532 (R2014a). Natick, Massachusetts: The MathWorks Inc., 2014. for deterministic model, curve fitting (function: fittype ; robustness option: LAR) and parameter estimation. <br />
* COMSOL Multiphysics software Version 4.4.0.248, COMSOL Ltd, 2014, for diffusion model and simulation.<br />
* MEIGO Toolbox for parameter estimation.<sup>[[Team:ETH_Zurich/project/references|[26]]]</sup><br />
<html></article></html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/modeling/parameters
Team:ETH Zurich/modeling/parameters
2014-10-18T03:37:55Z
<p>Eledieu: /* Parameters */</p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Parameters and Tools}}<br />
{{:Team:ETH Zurich/tpl/fortables}}<br />
<br />
<br />
<html><article></html><br />
==Parameters==<br />
No model is complete without parameters. Our exhaustive list of parameters are summarised in the table below. <br />
<br />
{|class="wikitable sortable"<br />
!Parameter!!Value!!Description!!Reference<br />
|-<br />
|α<sub>LuxR</sub>||0.005 μMmin<sup>-1</sup>||Production rate of LuxR||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup><br />
|-<br />
|k<sub>RLux</sub>||0.1 nM<sup>-1</sup>min<sup>-1</sup>|| Rate of formation of RLux from LuxAHL and LuxR||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup><br />
|-<br />
|k<sub>-RLux</sub>||10 min<sup>-1</sup>||Dissociation rate of RLux ||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup><br />
|-<br />
|K<sub>mLux</sub>||10 nM||Lumped parameter for the Lux system|| [https://2014.igem.org/Team:ETH_Zurich/modeling/qs#Parameters Fitted to experimental data]<br />
|-<br />
|d<sub>LuxAHL</sub>||0.004 min<sup>-1</sup>||External degradation rate of LuxAHL (30C6HSL)||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs#Degradation Fitted to experimental data]<br />
|-<br />
|d<sub>LuxR</sub>||0.0231 min<sup>-1</sup>||Degradation rate of LuxR||Literature <sup>[[Team:ETH_Zurich/project/references|[21]]]</sup><br />
|-<br />
|d<sub>RLux</sub>||0.0231 min<sup>-1</sup>||Degradation rate of RLux||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup><br />
|-<br />
|d<sub>mRNABxb1</sub>||0.2773 min<sup>-1</sup>||Degradation rate of mRNA<sub>Bxb1</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[22]]]</sup><br />
|-<br />
|d<sub>Bxb1</sub>||0.01 min<sup>-1</sup>||Degradation rate of Bxb1||Assumed<br />
|-<br />
|L<sub>PLux</sub>||0.01463 nMmin<sup>-1</sup>||Leakiness after using riboswitch for P<sub>lux</sub>||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs Fitted to experimental data]<br />
|-<br />
|K<sub>mRNABxb1</sub>||5 nMmin<sup>-1</sup>||Rate of transcription of Bxb1||Estimated<br />
|-<br />
|k<sub>Bxb1</sub>||0.1 min<sup>-1</sup>||Rate of formation of Bxb1||Assumed<br />
|-<br />
|α<sub>LasR</sub>||0.005 μMmin<sup>-1</sup>||Production rate of LasR||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup>(Assumed to be the same as Lux system)<br />
|-<br />
|k<sub>RLas</sub>||0.1 nM<sup>-1</sup>min<sup>-1</sup>|| Rate of formation of RLas from LasAHL and LasR||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup>(Assumed to be the same as Lux system)<br />
|-<br />
|k<sub>-RLas</sub>||10 min<sup>-1</sup>||Dissociation rate of RLas ||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup>(Assumed to be the same as Lux system)<br />
|-<br />
|K<sub>mLas</sub>||0.45 nM||Lumped parameter for the Las system ||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs Fitted to experimental data]<br />
|-<br />
|d<sub>LasAHL</sub>||0.004 min<sup>-1</sup>||Degradation rate of LasAHL (30C12HSL)||Estimated<br />
|-<br />
|d<sub>LasR</sub>||0.0231 min<sup>-1</sup>||Degradation rate of LasR||Literature <sup>[[Team:ETH_Zurich/project/references|[21]]]</sup> (Assumed to be the same as Lux system)<br />
|-<br />
|d<sub>RLas</sub>||0.0231 min<sup>-1</sup>||Degradation rate of RLas||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup> (Assumed to be the same as<br />
Lux system)<br />
|-<br />
|d<sub>mRNAϕc31</sub>||0.2773 min<sup>-1</sup>||Degradation rate of mRNA<sub>ϕc31</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[22]]]</sup><br />
|-<br />
|d<sub>ϕc31</sub>||0.01 min<sup>-1</sup>||Degradation rate of ϕC31||Assumed<br />
|-<br />
|L<sub>PLas</sub>||0.02461 nMmin<sup>-1</sup>||Leakiness after using riboswitch for P<sub>las</sub>||[https://2014.igem.org/Team:ETH_Zurich/modeling/qs Fitted to experimental data]<br />
|-<br />
|K<sub>mRNAϕc31</sub>||5 nMmin<sup>-1</sup>||Rate of transcription of ϕc31||Estimated<br />
|-<br />
|k<sub>ϕc31</sub>||0.1 min<sup>-1</sup>||Rate of formation of ϕc31||Assumed<br />
|-<br />
|k<sub>DBxb1</sub>||1 nM<sup>-1</sup>min<sup>-1</sup>||Dimerization rate of Bxb1||[https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>-DBxb1</sub>||10<sup>-6</sup> min<sup>-1</sup>||Dissociation rate of DBxb1|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>SABxb1</sub>||1 nM<sup>-1</sup>min<sup>-1</sup>||Rate of formation of SA<sub>Bxb1</sub> from DBxb1 and SI<sub>Bxb1</sub>|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>-SABxb1</sub>||10<sup>-6</sup> min<sup>-1</sup>||Dissociation rate of SA<sub>Bxb1</sub>|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|d<sub>DBxb1</sub>||0.02 min<sup>-1</sup>||Degradation rate of DBxb1||Assumed<br />
|-<br />
|k<sub>Dϕc31</sub>||1 nM<sup>-1</sup>min<sup>-1</sup>||Dimerization rate of ϕc31|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>-Dϕc31</sub>||10<sup>-6</sup> min<sup>-1</sup>||Rate of dissociation of Dϕc31|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>SAϕc31</sub>||1 nM<sup>-1</sup>min<sup>-1</sup>||Rate of formation of SA<sub>ϕc31</sub> from Dϕc31 and SI<sub>ϕc31</sub>||[https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|k<sub>-SAϕc31</sub>||10<sup>-6</sup> min<sup>-1</sup>||Rate of dissociation of SA<sub>ϕc31</sub>|| [https://2014.igem.org/Team:ETH_Zurich/modeling/int Fitted]<br />
|-<br />
|d<sub>Dϕc31</sub>||0.02 min<sup>-1</sup>||Degradation rate of Dϕc31||Assumed<br />
|-<br />
|k<sub>ToffBxb1</sub>||0.1 nM<sup>-2</sup>min<sup>-1</sup>||Rate of flipping of T<sub>on,i</sub> to T<sub>offBxb1</sub>||Assumed<br />
|-<br />
|k<sub>-ToffBxb1</sub>||0.1 nM<sup>-2</sup>min<sup>-1</sup>||Rate of flipping of T<sub>offBxb1</sub> to T<sub>on,f</sub>||Assumed<br />
|-<br />
|k<sub>Toffϕc31</sub>||0.1 nM<sup>-2</sup>min<sup>-1</sup>||Rate of flipping of T<sub>on,i</sub> to T<sub>offϕc31</sub>||Assumed<br />
|-<br />
|k<sub>-Toffϕc31</sub>||0.1 nM<sup>-2</sup>min<sup>-1</sup>||Rate of flipping of T<sub>offϕc31</sub> to T<sub>on,f</sub>||Assumed<br />
|-<br />
|k<sub>mRNAGFP</sub>||5 nMmin<sup>-1</sup>||Production rate of mRNA<sub>GFP</sub>||Estimated<br />
|-<br />
|k<sub>GFP</sub>||1 min<sup>-1</sup>||Rate of formation of folded GFP||Estimated<br />
|-<br />
|d<sub>mRNAGFP</sub>||0.2773 min<sup>-1</sup>||Degradation rate of mRNA<sub>GFP</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[22]]]</sup><br />
|-<br />
|d<sub>GFP</sub>||0.0049 min<sup>-1</sup>||Degradation rate of GFP||Fitted to experimental data<br />
|-<br />
|k<sub>mRNALasI</sub>||5 nMmin<sup>-1</sup>||Production rate of mRNA<sub>LasI</sub>||Estimated<br />
|-<br />
|k<sub>LasI</sub>||20 min<sup>-1</sup>||Rate of formation of LasI||Estimated<br />
|-<br />
|d<sub>mRNALasI</sub>||0.2773 min<sup>-1</sup>||Degradation rate of mRNA<sub>LasI</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[22]]]</sup><br />
|-<br />
|d<sub>LasI</sub>||0.0167 min<sup>-1</sup>||Degradation rate of LasI||Literature <sup>[[Team:ETH_Zurich/project/references|[21]]]</sup><br />
|-<br />
|k<sub>LasAHL</sub>||0.04 min<sup>-1</sup>||Production rate of LasAHL (30C12HSL) from the LasI||Literature <sup>[[Team:ETH_Zurich/project/references|[19]]]</sup><br />
|-<br />
|θ||0.01 μM||K<sub>m</sub> value for the production of mRNA<sub>GFP</sub> and mRNA<sub>LasI</sub>||Literature <sup>[[Team:ETH_Zurich/project/references|[20]]]</sup> (approximation)<br />
|-<br />
|D<sub>AHLext</sub>||4.9 10<sup>-6</sup> cm<sup>2</sup>/s||Diffusion coefficient of extracellular AHL in liquid||Literature <sup>[[Team:ETH_Zurich/project/references#Stewart|[27]]]</sup> <br />
|-<br />
|D<sub>m</sub>||100 min<sup>-1</sup>||Diffusion rate of AHL through the membrane||[https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel#Estimation Estimated] from literature <sup>[[Team:ETH_Zurich/project/references|[27]]]</sup><br />
|-<br />
|r||0.006 min<sup>-1</sup>||Growth rate of ''E. coli'' in our alginate beads||<br />
|-<br />
|&alpha;||100 min<sup>-1</sup>||Ratio of '' E. coli'' volume to the volume of one bead|| V<sub>'' E. coli''</sub> from literature <sup>[[Team:ETH_Zurich/project/references#Kaplan|[28]]]</sup>, bead volume from [https://2014.igem.org/Team:ETH_Zurich/expresults#Diffusion experimental setup]<br />
|-<br />
|N<sub>0</sub>||10<sup>7</sup> cells||Initial number of cells per bead|| [https://2014.igem.org/Team:ETH_Zurich/expresults#Diffusion Experimental setup]<br />
|-<br />
|N<sub>m</sub>||8 10<sup>7</sup> cells||Maximum number of cells per bead|| [https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel#Estimation Estimated] from literature <sup>[[Team:ETH_Zurich/project/references#Lars | [29]]]</sup><br />
|-<br />
|C<sub>beads</sub>||1||Correction factor (a priori) for diffusion of LuxAHL in alginate beads|| [https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel#Estimation Estimated] from literature <sup>[[Team:ETH_Zurich/project/references#Cronenberg | [30]]]</sup><br />
|}<br />
<html></article></html><br />
<br />
<html><article></html><br />
<br />
==Tools==<br />
<br />
We used the following tools for modelling and simulation:<br />
<br />
* MATLAB version 8.3.0.532 (R2014a). Natick, Massachusetts: The MathWorks Inc., 2014. for deterministic model, curve fitting (function: fittype ; robustness option: LAR) and parameter estimation. <br />
* COMSOL Multiphysics software Version 4.4.0.248, COMSOL Ltd, 2014, for diffusion model and simulation.<br />
* MEIGO Toolbox for parameter estimation.<sup>[[Team:ETH_Zurich/project/references|[26]]]</sup><br />
<html></article></html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/blog
Team:ETH Zurich/blog
2014-10-18T03:32:05Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Blog}}<br />
{{:Team:ETH Zurich/tpl/read-more}}<br />
<html> <h4 style='color:#FFFFFF; text-align:center;'> We have uploaded our chronological progress in several articles which are classified by subject. Click on the triangles below to filter the category of articles you want to read. If you want an even more precise filtering in that category, you can choose subjects on the mosaic around.</h4> <br/> <br/> </html> <br />
{{:Team:ETH Zurich/labblog/buttons}}<br />
<html><br/> <br/> </html> <br />
<!-- ADD YOUR ARTICLE HERE --><br />
<html><div id='Container'><br />
</html><br />
{{:Team:ETH_Zurich/labblog/20141014hum}}<br />
{{:Team:ETH Zurich/labblog/20141010hum}}<br />
{{:Team:ETH Zurich/labblog/20141004mod}}<br />
{{:Team:ETH Zurich/labblog/20140930hum}}<br />
{{:Team:ETH_Zurich/labblog/20140929meet}}<br />
{{:Team:ETH_Zurich/labblog/20140922meet}}<br />
{{:Team:ETH_Zurich/labblog/20140921mod}}<br />
{{:Team:ETH Zurich/labblog/20140920hum}}<br />
{{:Team:ETH_Zurich/labblog/20140915meet}}<br />
{{:Team:ETH Zurich/labblog/20140915hum}}<br />
{{:Team:ETH_Zurich/labblog/20140909hum}}<br />
{{:Team:ETH_Zurich/labblog/20140908meet}}<br />
{{:Team:ETH Zurich/labblog/20140906}}<br />
{{:Team:ETH_Zurich/labblog/20140901meet}}<br />
{{:Team:ETH Zurich/labblog/20140829mod}}<br />
{{:Team:ETH_Zurich/labblog/20140825}}<br />
{{:Team:ETH_Zurich/labblog/20140825meet}}<br />
{{:Team:ETH_Zurich/labblog/20140824mod}}<br />
{{:Team:ETH_Zurich/labblog/20140822mod}}<br />
{{:Team:ETH_Zurich/labblog/20140820meet}}<br />
{{:Team:ETH_Zurich/labblog/20140818mod}}<br />
{{:Team:ETH Zurich/labblog/20140813meet}}<br />
{{:Team:ETH_Zurich/labblog/20140811}}<br />
{{:Team:ETH Zurich/labblog/20140806meet}}<br />
{{:Team:ETH Zurich/labblog/20140804}}<br />
{{:Team:ETH Zurich/labblog/20140803mod}}<br />
{{:Team:ETH_Zurich/labblog/20140802}}<br />
{{:Team:ETH Zurich/labblog/20140730meet}}<br />
{{:Team:ETH Zurich/labblog/20140723meet}}<br />
{{:Team:ETH Zurich/labblog/20140716meet}}<br />
{{:Team:ETH Zurich/labblog/20140709meet}}<br />
{{:Team:ETH Zurich/labblog/20140705}}<br />
{{:Team:ETH Zurich/labblog/20140702meet}}<br />
{{:Team:ETH Zurich/labblog/20140625meet}}<br />
{{:Team:ETH Zurich/labblog/20140618meet}}<br />
{{:Team:ETH Zurich/labblog/20140615mod}}<br />
{{:Team:ETH Zurich/labblog/20140611meet}} <br />
{{:Team:ETH Zurich/labblog/20140604meet}}<br />
{{:Team:ETH Zurich/labblog/20140528meet}}<br />
{{:Team:ETH_Zurich/labblog/20140510hum}}<br />
<html></div></html><br />
<html> </ul> </html><br />
<br />
<br />
<br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/labblog/20141004mod
Team:ETH Zurich/labblog/20141004mod
2014-10-18T03:31:30Z
<p>Eledieu: Created page with "<html><article class="mix carousel modeling stochastic" id='stocha' date="20141004"></html> == Stochastic model giving insight on parameters== ==== Tuesday, October 4th ==== W..."</p>
<hr />
<div><html><article class="mix carousel modeling stochastic" id='stocha' date="20141004"></html><br />
<br />
== Stochastic model giving insight on parameters== <br />
==== Tuesday, October 4th ====<br />
<br />
We modeled the XOR module with a stochastic model, as the sites are discrete and not continuous and thus binding events might be sensitive to stochasticity. In this process, we figured out that the concentration of GFP was rapidly increasing due to fast flipping rates. It is very unlikely in biological systems. Thus, this model helped us debug an estimated paramter<br />
<br />
[[File:ETHZ_Pc31ON.jpg|400px|center|thumb|GFP and LuxI produced when the system is ON.]]<br />
<br />
[[File:ETHZ_Bxb1Pc31OFF.jpg|400px|center|thumb|Both inputs are present. There is an immediate GFP response, followed by degradation.]]<br />
<br />
<br />
{{:Team:ETH Zurich/tpl/rmbutton|blue}}<br />
{{:Team:ETH Zurich/tpl/topbutton|blue}}<br />
<html></article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/blog
Team:ETH Zurich/blog
2014-10-18T03:06:16Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Blog}}<br />
{{:Team:ETH Zurich/tpl/read-more}}<br />
<html> <h4 style='color:#FFFFFF; text-align:center;'> We have uploaded our chronological progress in several articles which are classified by subject. Click on the triangles below to filter the category of articles you want to read. If you want an even more precise filtering in that category, you can choose subjects on the mosaic around.</h4> <br/> <br/> </html> <br />
{{:Team:ETH Zurich/labblog/buttons}}<br />
<html><br/> <br/> </html> <br />
<!-- ADD YOUR ARTICLE HERE --><br />
<html><div id='Container'><br />
</html><br />
{{:Team:ETH_Zurich/labblog/20141014hum}}<br />
{{:Team:ETH Zurich/labblog/20141010hum}}<br />
{{:Team:ETH_Zurich/labblog/20140929meet}}<br />
{{:Team:ETH_Zurich/labblog/20140922meet}}<br />
{{:Team:ETH_Zurich/labblog/20140921mod}}<br />
{{:Team:ETH Zurich/labblog/20140920hum}}<br />
{{:Team:ETH_Zurich/labblog/20140915meet}}<br />
{{:Team:ETH Zurich/labblog/20140915hum}}<br />
{{:Team:ETH_Zurich/labblog/20140909hum}}<br />
{{:Team:ETH_Zurich/labblog/20140908meet}}<br />
{{:Team:ETH Zurich/labblog/20140906}}<br />
{{:Team:ETH_Zurich/labblog/20140901meet}}<br />
{{:Team:ETH Zurich/labblog/20140829mod}}<br />
{{:Team:ETH_Zurich/labblog/20140825}}<br />
{{:Team:ETH_Zurich/labblog/20140825meet}}<br />
{{:Team:ETH_Zurich/labblog/20140824mod}}<br />
{{:Team:ETH_Zurich/labblog/20140822mod}}<br />
{{:Team:ETH_Zurich/labblog/20140820meet}}<br />
{{:Team:ETH_Zurich/labblog/20140818mod}}<br />
{{:Team:ETH Zurich/labblog/20140813meet}}<br />
{{:Team:ETH_Zurich/labblog/20140811}}<br />
{{:Team:ETH Zurich/labblog/20140806meet}}<br />
{{:Team:ETH Zurich/labblog/20140804}}<br />
{{:Team:ETH Zurich/labblog/20140803mod}}<br />
{{:Team:ETH_Zurich/labblog/20140802}}<br />
{{:Team:ETH Zurich/labblog/20140730meet}}<br />
{{:Team:ETH Zurich/labblog/20140723meet}}<br />
{{:Team:ETH Zurich/labblog/20140716meet}}<br />
{{:Team:ETH Zurich/labblog/20140709meet}}<br />
{{:Team:ETH Zurich/labblog/20140705}}<br />
{{:Team:ETH Zurich/labblog/20140702meet}}<br />
{{:Team:ETH Zurich/labblog/20140625meet}}<br />
{{:Team:ETH Zurich/labblog/20140618meet}}<br />
{{:Team:ETH Zurich/labblog/20140615mod}}<br />
{{:Team:ETH Zurich/labblog/20140611meet}} <br />
{{:Team:ETH Zurich/labblog/20140604meet}}<br />
{{:Team:ETH Zurich/labblog/20140528meet}}<br />
{{:Team:ETH_Zurich/labblog/20140510hum}}<br />
<html></div></html><br />
<html> </ul> </html><br />
<br />
<br />
<br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/labblog/20141010hum
Team:ETH Zurich/labblog/20141010hum
2014-10-18T03:05:57Z
<p>Eledieu: Created page with "<html><article class="mix carousel slams human" date="20141010hum"></html> == Science Slam Basel == ==== Friday, October 10th ==== Today, Elise went on stage: her science sl..."</p>
<hr />
<div><html><article class="mix carousel slams human" date="20141010hum"></html><br />
<br />
== Science Slam Basel == <br />
<br />
==== Friday, October 10th ====<br />
<br />
Today, Elise went on stage: her science slam was based on the audience participation. With green and white papers, the goal of her talk was to build a human cellular automata. It was a fun night and we learned a lot from the other crazy presentations.<br />
<br />
{{:Team:ETH_Zurich/tpl/topbutton|red}}<br />
{{:Team:ETH_Zurich/tpl/rmbutton|red|week13}}<br />
<html> </article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/labblog/20140929meet
Team:ETH Zurich/labblog/20140929meet
2014-10-18T02:53:13Z
<p>Eledieu: Created page with "<html><article class="mix meetings integrase carousel biobricks" id='week19' date="20140922"></html> == Week 19 : Biobricks, where are you? == ==== Monday, September 29th ====..."</p>
<hr />
<div><html><article class="mix meetings integrase carousel biobricks" id='week19' date="20140922"></html><br />
<br />
== Week 19 : Biobricks, where are you? == <br />
<br />
==== Monday, September 29th ====<br />
<br />
After investigation, it is more difficult than expected to put our bricks in the biobrick format.<br />
<br />
To debug the integrase's experiment, we tried to have another insight by using FACS data.<br />
<br />
<html></article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/blog
Team:ETH Zurich/blog
2014-10-18T02:29:55Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Blog}}<br />
{{:Team:ETH Zurich/tpl/read-more}}<br />
<html> <h4 style='color:#FFFFFF; text-align:center;'> We have uploaded our chronological progress in several articles which are classified by subject. Click on the triangles below to filter the category of articles you want to read. If you want an even more precise filtering in that category, you can choose subjects on the mosaic around.</h4> <br/> <br/> </html> <br />
{{:Team:ETH Zurich/labblog/buttons}}<br />
<html><br/> <br/> </html> <br />
<!-- ADD YOUR ARTICLE HERE --><br />
<html><div id='Container'><br />
</html><br />
{{:Team:ETH_Zurich/labblog/20141014hum}}<br />
{{:Team:ETH_Zurich/labblog/20140922meet}}<br />
{{:Team:ETH_Zurich/labblog/20140921mod}}<br />
{{:Team:ETH_Zurich/labblog/20140915meet}}<br />
{{:Team:ETH Zurich/labblog/20140915hum}}<br />
{{:Team:ETH_Zurich/labblog/20140909hum}}<br />
{{:Team:ETH_Zurich/labblog/20140908meet}}<br />
{{:Team:ETH Zurich/labblog/20140906}}<br />
{{:Team:ETH_Zurich/labblog/20140901meet}}<br />
{{:Team:ETH Zurich/labblog/20140829mod}}<br />
{{:Team:ETH_Zurich/labblog/20140825}}<br />
{{:Team:ETH_Zurich/labblog/20140825meet}}<br />
{{:Team:ETH_Zurich/labblog/20140824mod}}<br />
{{:Team:ETH_Zurich/labblog/20140822mod}}<br />
{{:Team:ETH_Zurich/labblog/20140820meet}}<br />
{{:Team:ETH_Zurich/labblog/20140818mod}}<br />
{{:Team:ETH Zurich/labblog/20140813meet}}<br />
{{:Team:ETH_Zurich/labblog/20140811}}<br />
{{:Team:ETH Zurich/labblog/20140806meet}}<br />
{{:Team:ETH Zurich/labblog/20140804}}<br />
{{:Team:ETH Zurich/labblog/20140803mod}}<br />
{{:Team:ETH_Zurich/labblog/20140802}}<br />
{{:Team:ETH Zurich/labblog/20140730meet}}<br />
{{:Team:ETH Zurich/labblog/20140723meet}}<br />
{{:Team:ETH Zurich/labblog/20140716meet}}<br />
{{:Team:ETH Zurich/labblog/20140709meet}}<br />
{{:Team:ETH Zurich/labblog/20140705}}<br />
{{:Team:ETH Zurich/labblog/20140702meet}}<br />
{{:Team:ETH Zurich/labblog/20140625meet}}<br />
{{:Team:ETH Zurich/labblog/20140618meet}}<br />
{{:Team:ETH Zurich/labblog/20140615mod}}<br />
{{:Team:ETH Zurich/labblog/20140611meet}} <br />
{{:Team:ETH Zurich/labblog/20140604meet}}<br />
{{:Team:ETH Zurich/labblog/20140528meet}}<br />
{{:Team:ETH_Zurich/labblog/20140510hum}}<br />
<html></div></html><br />
<html> </ul> </html><br />
<br />
<br />
<br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/labblog/20140922meet
Team:ETH Zurich/labblog/20140922meet
2014-10-18T02:28:33Z
<p>Eledieu: Created page with "<html><article class="mix meetings whole carousel biobricks" id='week18' date="20140922"></html> == Week 18 : Decisive meeting == ==== Monday, September 22th ==== This meetin..."</p>
<hr />
<div><html><article class="mix meetings whole carousel biobricks" id='week18' date="20140922"></html><br />
<br />
== Week 18 : Decisive meeting == <br />
<br />
==== Monday, September 22th ====<br />
<br />
This meeting was a turning point of our iGEM adventure. We reviewed all the experiments that had been done so far. Most of them concerns quorum sensing and its non-orthogonality. We summed up the results in a three-layer graphs.<br />
<br />
The dry lab part presented for the first time a whole-cell model. With the parameters estimated, the model actually implemented an XOR gate. However, leakiness of promoters and crosstalk seemed to be affecting the robustness of our design.<br />
<br />
As all our experiments were done in our plasmids, we have to standardize them into the Biobrick format. This year, the deadline corresponds to the delivery in Boston of the biobricks. Thus, it is becoming slowly urgent...<br />
<br />
<html></article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/labblog/20141014hum
Team:ETH Zurich/labblog/20141014hum
2014-10-18T02:04:25Z
<p>Eledieu: Created page with "<html><article class="mix human school carousel" id='schoolVisit' date="20141014"></html> == Kids == ==== Tuesday, October 14th ==== <html></article></html>"</p>
<hr />
<div><html><article class="mix human school carousel" id='schoolVisit' date="20141014"></html><br />
<br />
== Kids == <br />
<br />
==== Tuesday, October 14th ====<br />
<br />
<br />
<br />
<html></article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/blog
Team:ETH Zurich/blog
2014-10-18T01:55:45Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Blog}}<br />
{{:Team:ETH Zurich/tpl/read-more}}<br />
<html> <h4 style='color:#FFFFFF; text-align:center;'> We have uploaded our chronological progress in several articles which are classified by subject. Click on the triangles below to filter the category of articles you want to read. If you want an even more precise filtering in that category, you can choose subjects on the mosaic around.</h4> <br/> <br/> </html> <br />
{{:Team:ETH Zurich/labblog/buttons}}<br />
<html><br/> <br/> </html> <br />
<!-- ADD YOUR ARTICLE HERE --><br />
<html><div id='Container'><br />
</html><br />
{{:Team:ETH_Zurich/labblog/20141014hum}}<br />
{{:Team:ETH_Zurich/labblog/20140921mod}}<br />
{{:Team:ETH_Zurich/labblog/20140915meet}}<br />
{{:Team:ETH Zurich/labblog/20140915hum}}<br />
{{:Team:ETH_Zurich/labblog/20140909hum}}<br />
{{:Team:ETH_Zurich/labblog/20140908meet}}<br />
{{:Team:ETH Zurich/labblog/20140906}}<br />
{{:Team:ETH_Zurich/labblog/20140901meet}}<br />
{{:Team:ETH Zurich/labblog/20140829mod}}<br />
{{:Team:ETH_Zurich/labblog/20140825}}<br />
{{:Team:ETH_Zurich/labblog/20140825meet}}<br />
{{:Team:ETH_Zurich/labblog/20140824mod}}<br />
{{:Team:ETH_Zurich/labblog/20140822mod}}<br />
{{:Team:ETH_Zurich/labblog/20140820meet}}<br />
{{:Team:ETH_Zurich/labblog/20140818mod}}<br />
{{:Team:ETH Zurich/labblog/20140813meet}}<br />
{{:Team:ETH_Zurich/labblog/20140811}}<br />
{{:Team:ETH Zurich/labblog/20140806meet}}<br />
{{:Team:ETH Zurich/labblog/20140804}}<br />
{{:Team:ETH Zurich/labblog/20140803mod}}<br />
{{:Team:ETH_Zurich/labblog/20140802}}<br />
{{:Team:ETH Zurich/labblog/20140730meet}}<br />
{{:Team:ETH Zurich/labblog/20140723meet}}<br />
{{:Team:ETH Zurich/labblog/20140716meet}}<br />
{{:Team:ETH Zurich/labblog/20140709meet}}<br />
{{:Team:ETH Zurich/labblog/20140705}}<br />
{{:Team:ETH Zurich/labblog/20140702meet}}<br />
{{:Team:ETH Zurich/labblog/20140625meet}}<br />
{{:Team:ETH Zurich/labblog/20140618meet}}<br />
{{:Team:ETH Zurich/labblog/20140615mod}}<br />
{{:Team:ETH Zurich/labblog/20140611meet}} <br />
{{:Team:ETH Zurich/labblog/20140604meet}}<br />
{{:Team:ETH Zurich/labblog/20140528meet}}<br />
{{:Team:ETH_Zurich/labblog/20140510hum}}<br />
<html></div></html><br />
<html> </ul> </html><br />
<br />
<br />
<br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/labblog/20140915meet
Team:ETH Zurich/labblog/20140915meet
2014-10-18T01:55:13Z
<p>Eledieu: Created page with "<html><article class="mix meetings carousel integrase" id='week17' date="20140528"></html> == Week 17 : Integrase, again and again == ==== Monday, September 15th ==== After c..."</p>
<hr />
<div><html><article class="mix meetings carousel integrase" id='week17' date="20140528"></html><br />
<br />
== Week 17 : Integrase, again and again == <br />
<br />
==== Monday, September 15th ====<br />
<br />
After characterizing exhaustively crosstalk, it was more than time to begin with the integrases experiments. However, all trials in different experimental set-ups were negative. The construct used was built by our wetlab team. After trying to determine what the difference was between the published plasmid by Bonnet<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup> and ours. No switching was observed after 20 hours with 1% arabinose.<br />
<br />
A diffusion assay with LuxI producers and LuxAHL receivers was done.<br />
<br />
In the model, the description of the quorum sensing module went on.<br />
<br />
<html></article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/human/essay/influence
Team:ETH Zurich/human/essay/influence
2014-10-18T01:32:24Z
<p>Eledieu: /* Influence on our scientific project */</p>
<hr />
<div><html><article></html><br />
== Influence on our scientific project ==<br />
<br/><br />
As soon as we agreed on a subject for our iGEM project, we started to observe patterns and complexity all among us. Our awareness of structures and compositions, as well as exchange and interaction between subunits, continuously increased. It quickly became a running gag among us to say: "Anyway, it is too complex". <br />
<br />
Here we aim at describing the influence human practice had on our scientific project. Our human practice part is intricately linked to our scientific project, since we investigated in a philosophical and sociological way the concepts we tried to reproduce biologically: The emergence of a complex pattern from simple rules. By analyzing complexity and pattern formation in depth, we learned new strategies to approach them. Our human practice project allowed us to consider our scientific project from different points of view.
<br />
<br/><br />
<br/><br />
<br/><br />
'''Wet Lab'''<br />
<br/><br />
<br/><br />
In our human practice project we interviewed experts of different fields, conducted a survey and sought to outreach our experience and knowledge. Thereby we learnt new strategies of how to approach complexity, but also ways to handle it. Furthermore, we found a source of motivation and reinforcement in our human practice project.<br />
<br />
In town planning it is crucial to not reduce a problem too much. Otherwise, the architectural intervention will be an isolated and foreign object in its surrounding. Such interventions have a high risk to fail, explained D. Übelhör. As urban systems, biological systems are highly complex. In order to understand them we tend to reduce them to single subunits. However, reductionist approaches run the risk of neglecting important information, especially when transferring behavior of subunits to the behavior of the whole. That is also what we learnt from D. Garcia. He pointed out that in some situations reductionism is not only an unsuitable strategy but also unnecessary at the same time. Why should one struggle with details if they cannot explain the entity? <br />
<br />
Unexplainable noise is jointly responsible for complexity. There might be ways to reduce the noise and thus increase the predictability of systems, however, we have to accept that we do not know everything. K. Chikkadi expressed this fact in a scientific context, while J. Fuisz highlighted the religious aspect of acceptance. The trust in a higher power helps to overcome complexity. Of course, this cannot be transferred to a research project literally. Anyhow, to accept that there is no human omnipotence can protect from frustration. We cannot - but we also do not have to - solve all complexity. <br />
<br />
To not get lost while interpreting experimental data, we followed E. Klein’s advice: we limited our ambitions in order to become efficient. Many times it is advisable to proceed in small steps rather than aiming at the full monty immediately. However, pedantic planning is always highly important especially when dealing with complexity, emphasized C. Veress. Looking back on the past weeks and months we can only agree with that. Spending time with planning instead of rushing quite often saves time, money and work.<br />
While spreading the word about synthetic biology we experienced the importance of a simple, comprehensible language. In fact, good communication and articulation is crucial for functional teamwork. Explaining concepts to high school students, interested visitors at the open house or during a science slam increased our awareness of the importance of communication and trained our skills at the same time.<br />
<br />
Many participants of our survey encouraged us in our research project. They agreed on the importance of analyzing complexity and the emergence of patterns. We were very happy to get such a positive feedback and motivated to continue our studies.<br />
<br />
<br />
<br />
<html></article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/expresults/qs
Team:ETH Zurich/expresults/qs
2014-10-18T01:25:37Z
<p>Eledieu: /* Quorum Sensing */</p>
<hr />
<div><br/><br />
== Quorum Sensing ==<br />
<br />
For our Mosia''coli'' project, we were looking for molecular systems that allow orthogonal [https://2014.igem.org/Team:ETH_Zurich/project/background#Quorum_Sensing cell-to-cell communication] in order to implement connected [https://2014.igem.org/Team:ETH_Zurich/modeling/xor#XOR_Logic_Gate XOR logic gates]. We decided to exploit the quorum sensing systems [https://2014.igem.org/Team:ETH_Zurich/data#Gene_Circuit LuxI/LuxR, LasI/LasR, and RhlI/RhlR] in order to achieve the required orthogonal cell-to-cell communication. We developed a [https://2014.igem.org/Team:ETH_Zurich/modeling/qs model] for these cellular information processing. Even though the corresponding inducer molecules are commercially available and the systems often used, in particular in iGEM projects (e.g. [http://parts.igem.org/Part:BBa_R0062 pLux (BBa_R0062)], '[http://parts.igem.org/Frequently_Used_Parts Top 10 Most used promoters]' with 246 uses), potential crosstalk activity between the different systems may be a severe problem (e. g. [https://2013.igem.org/Team:Tokyo_Tech/Project/Ninja_State_Switching Tokyo_Tech 2013], [https://2011.igem.org/Team:Peking_S/project/wire/matrix Peking University 2011]).<br />
<br />
<br />
In order to address that challenge, we measured a) a given promoter with its corresponding regulator and a different inducer molecule, b) a given promoter with an unspecific regulator and a particular inducer, c) a given promoter with both regulator and inducer being unspecific, and always included the correct combination of inducer molecule, regulator and promoter as a positive control. This gives in total 27 possible combinations. The output was assessed via sfGFP and measured in terms of fluorescence on microtiter-plate scale.<br />
[[File:ETH Zurich Crosstalk.png|1500px|center|thumb|'''Figure 4''' Each quorum sensing system is based on three components: a signaling molecule, a regulatory protein and a promoter. These elements are here ordered into three layers. Cross-talk evaluation can be done by comparing all combinations of those three elements. After collecting the [https://2014.igem.org/Team:ETH_Zurich/expresults experimental data] of all possible pathways, we modeled their influence.]]<br />
<br/><br />
===Summary of experimental results regarding quorum sensing===<br />
The following matrices serve as an overview summarizing the most significant results of our experiments to characterize crosstalk on different levels. <br />
On the horizontal top row we see the three different inducer molecules (3OC12-HSL, 3OC6-HSL, C4-HSL). In the top left corner we see the quorum sensing promoter used for all the experiments summarized in this matrix. On the vertical axis we see the three regulators ( [https://2014.igem.org/Team:ETH_Zurich/data#Used_and_Characterized_Pre-Existing_Parts LuxR, LasR, RhlR]). <br />
These matrices are giving an overview of the experimental results conducted in relation with [https://2014.igem.org/Team:ETH_Zurich/project/background/biotools#Quorum_Sensing quorum sensing] and crosstalk. The graph shown in each matrix on the very top left describes the situation where the correct autoinducer molecule has bound the corresponding regulator and this complex has then induced the correct promoter. <br />
The solid lines in the graphs show the [https://2014.igem.org/Team:ETH_Zurich/modeling/qs model data], whereas the data points indicated with standard deviation show experimental data in triplicates (mean values of triplicate micro titerplate measurements). <br />
<br />
<br />
{{:Team:ETH_Zurich/expresults/qs/tab-plux}}<br />
<br />
<br />
{{:Team:ETH_Zurich/expresults/qs/tab-plas}}<br />
<br />
<br />
{{:Team:ETH_Zurich/expresults/qs/tab-prhl}}<br />
<br />
===Conclusion of crosstalk experiments===<br />
<br />
As shown in the graphs in the matrices above, we found and quantitatively characterized all three levels of crosstalk. The three levels were the following:<br />
*A given promoter with its corresponding regulator and a different inducer molecule<br />
*A given promoter with an unspecific regulator and a particular inducer<br />
*A given promoter with both regulator and inducer being unspecific<br />
Unspecific inducers binding to the regulators as well as unspecific binding of the regulator to another promoter species was observed in almost all possible combinations. <br />
To conclude, we were not able to find an orthogonal quorum sensing pair out of the three systems investigated ([https://2014.igem.org/Team:ETH_Zurich/data#Used_and_Characterized_Pre-Existing_Parts LuxI/LuxR, LasI/LasR, or RhlI/RhlR]). However, implementing the influence of these crosstalks in our [https://2014.igem.org/Team:ETH_Zurich/modeling/whole whole cell model] does not show a dramatic influence on the functionality of our system.<br />
This due to inevitable crosstalk between the three components in the system (inducer, regulator, promoter).<br />
<br />
<br />
<br />
{{:Team:ETH_Zurich/tpl/topbutton|red}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/expresults/integrases
Team:ETH Zurich/expresults/integrases
2014-10-18T01:14:15Z
<p>Eledieu: /* Integrases */</p>
<hr />
<div>== Integrases ==<br />
<br />
The design of our [https://2014.igem.org/Team:ETH_Zurich/modeling/xor XOR gates] was based on [https://2014.igem.org/Team:ETH_Zurich/modeling/xor#Biological_Principles integrase logic]<sup>[[Team:ETH_Zurich/project/references#refBonnet|[9]]]</sup>. This means, depending on the input molecules, integrases can be expressed, subsequently switch a terminator sequence previously blocking gene expression, and then the output gene can be transcribed. This approach is explained [https://2014.igem.org/Team:ETH_Zurich/modeling/xor#Biological_Principles here].<br />
<br />
<br />
In order to characterize the integrase system described above, we first combined the [http://parts.igem.org/Part:BBa_R0062 pLux promoter (BBa_R0062)] with one of our [https://2014.igem.org/Team:ETH_Zurich/modeling/int integrase] genes ''bxb1'', followed directly by a red fluorescent protein (RFP, mCherry) to make the expression accessible. Also, this system includes an XOR buffer gate per default blocking transcription of sfGFP. Upon BXB1 activity and switching the gate into ON-state, the terminator should have been removed and sfGFP should have been expressed. We intially designed three different constructs for characterization of the recombinases and their cross-activity. However, the measurement of fluorescent proteins, with both a [https://2014.igem.org/Team:ETH_Zurich/lab/protocols#Tecan_Infinite_M200_Pro.E2.84.A2 plate reader] and a [https://2014.igem.org/Team:ETH_Zurich/lab/protocols#BD_LSRFortessa.E2.84.A2_Flow_Cytometer_System flow cytometer], did not indicate sfGFP expression due to recombinase activity. Nevertheless, RFP was clearly detectable upon induction in plate reader experiments suggesting that the induction itself worked (see figure 5 and 6).<br />
<br />
<br />
{|class="wikitable resized" style="background-color: white; border: 0px+important;"<br />
|[[File:ETH Zurich 2014 250min Integrase mCherry corrected.png|center|600px|thumb|'''Figure 5''' '''Expression of red fluorescent protein (RFP) and green fluorescent protein (GFP) 250 min after induction with various concentrations of 3OC6-HSL (10<sup>-13</sup> M to 10<sup>-4</sup> M).''' RFP is under the control of the [http://parts.igem.org/Part:BBa_R0062 pLux promoter (BBa_R0062)] together with the integrase BXB1. Upon expression of BXB1 a buffer gate should have been swtiched to ON-state producing GFP. Data points are mean values of triplicate measurements in 96-well microtiter plates &plusmn; standard deviation. For the full data set and kinetics please [https://2014.igem.org/Team:ETH_Zurich/contact contact] us or visit the [https://2014.igem.org/Team:ETH_Zurich/data/raw raw data] page.]]<br />
|[[File:ETH Zurich 2014 610minIntegrase corrected.png|center|600px|thumb|'''Figure 6''' '''Expression of red fluorescent protein (RFP) and green fluorescent protein (GFP) 610 min after induction with various concentrations of 3OC6-HSL (10<sup>-13</sup> M to 10<sup>-4</sup> M).''' RFP is under the control of the [http://parts.igem.org/Part:BBa_R0062 pLux promoter (BBa_R0062)] together with the integrase BXB1. Upon expression of BXB1 a buffer gate should have been swtiched to ON-state producing GFP. Data points are mean values of triplicate measurements in 96-well microtiter plates &plusmn; standard deviation. For the full data set and kinetics please [https://2014.igem.org/Team:ETH_Zurich/contact contact] us or visit the [https://2014.igem.org/Team:ETH_Zurich/data/raw raw data] page.]]<br />
|}<br />
<br />
<br />
As our constructs did not show the expected functionality, we decided to directly use the plasmids described by Bonnet ''et al''.<sup>[[Team:ETH_Zurich/project/references#refBonnet|[9]]]</sup> which where obtained from addgene ([http://www.addgene.org/44456 Dual-recombinase-controller], [http://www.addgene.org/44453/ XOR gate-V2.0]). The data available from the original experiment by Bonnet<sup>[[Team:ETH_Zurich/project/references#refBonnet|[9]]]</sup> was used in our model to retrieve the [https://2014.igem.org/Team:ETH_Zurich/modeling/int missing parameters of integrases]. However, we were using a [http://www.openwetware.org/wiki/E._coli_genotypes#TOP10_.28Invitrogen.29 TOP10] strain not expressing TetR by default (as compared to [http://www.expressys.com/main_strains.html DH5alphaZ1]) and as a result our strain had to be co-transformed with an additional plasmid encoding TetR. Also, we used defined [https://2014.igem.org/Team:ETH_Zurich/lab/protocols#Defined_M9_medium_with_0.4_.25_glycerol M9 medium] with 0.4% glycerol and 1% CAA instead of proprietary defined medium ([http://teknova-blog.com/hi-def-azure-media Teknova Hi-Def Azure medium]). As of today, this set-up did not allow us to get the integrase XOR gate running. The fluorescence readout for ON-states (exactly one input, either 0.1% L-arabinose or 200 ng/mL anhydrous tetracycline) and the OFF-states was not as expected (see figure 7). The OFF-state should not show increased fluorescence over time, while the ON-states should increase significantly after 4 h and continue to increase over the whole time span<sup>[[Team:ETH_Zurich/project/references#refBonnet|[9]]]</sup>. We are not giving up on this and are proceeding with debugging our construct further and hope to find a solution until the Giant Jamboree in Boston.<br />
<br />
<br />
{{:Team:ETH_Zurich/tpl/topbutton|green}}<br />
<br />
<br />
[[File:ETH Zurich 2014 integrases addgene plasmids.png|center|600px|thumb|'''Figure 7 Expression of green fluorescent protein (GFP) after induction of [https://2014.igem.org/Team:ETH_Zurich/modeling/xor#Biological_Principles XOR integrase logic].''' Upon induction of integrase BXB1 (t=0 min) a [https://2014.igem.org/Team:ETH_Zurich/lab/sequences#BUFFER_Gate_Construct buffer gate] should have been switched to ON-state producing GFP only if either L-arabinose (L-ara) or anhydrous tetracycline (aTc) is present. Data points are mean values of triplicate measurements in 96-well microtiter plates &plusmn; standard deviation. For the full data set and kinetics please [https://2014.igem.org/Team:ETH_Zurich/contact contact] us or visit the [https://2014.igem.org/Team:ETH_Zurich/data/raw raw data] page.]]</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/modeling/int
Team:ETH Zurich/modeling/int
2014-10-18T01:09:39Z
<p>Eledieu: /* Data */</p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Integrases}}<br />
{{:Team:ETH Zurich/tpl/fortables}}<br />
<br />
<center><br />
{{:Team:ETH Zurich/tpl/scrollbutton3|Model|green}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Unknown|Parameters|red}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Parameter|Fitting|blue}}<br />
{{:Team:ETH Zurich/tpl/scrollbutton3|Results|green}}<br />
</center><br />
<br />
<html><article id="Model"></html><br />
== Model ==<br />
<br />
In our design, integrases compute the output of the logic gates. Integrases allow flipping one fragment of DNA. Therefore, they are of central importance to our design. However, their characterization in literature<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup> is incomplete. In particular, quantitative insight into dimerization rates and DNA-binding rates is lacking. Such data is however necessary in order to be able to set up a mathematical model to describe the overall Mosai''coli'' process. Thus, we decided to estimate the missing parameters from published from published experiments based on a model that we developed ourselves.<br />
<br/><br />
<br/><br />
<br />
=== Chemical Species ===<br />
<br />
{| class="wikitable"<br />
|-<br />
! '''Name'''<br />
! Description<br />
|-<br />
|'''Bxb1'''<br />
|Serine integrase that can fold into two conformations - Bxb1a and Bxb1b. We chose to use a common connotation for both conformations - Bxb1.<br />
|-<br />
|'''ΦC31'''<br />
|Serine integrase that can fold into two conformations - ΦC31a and ΦC31b. We chose to use a common connotation for both conformations - ΦC31.<br />
|-<br />
|'''DBxb1'''<br />
|Dimerized form of Bxb1. We chose to use a common connotation for both homodimers, DBxb1a and DBxb1b.<br />
|-<br />
|'''DΦC31'''<br />
|Dimerized form of ΦC31. We chose to use a common connotation for both homodimers, DΦC31a and DΦC31b.<br />
|}<br />
<br />
<br/><br />
<br />
=== Modeling DNA-binding sites ===<br />
Each dimer of integrases can specifically bind to a DNA binding site. As the flipping is irreversible, these DNA binding sites can be in three possible states: <br />
<br />
* SI<sub>IntegraseName</sub>: inactive DNA binding site. No dimer is bound to this site, which has never been flipped.<br />
<br />
* SA<sub>IntegraseName</sub>: active DNA binding site. A dimer is bound to this site.<br />
<br />
* SF<sub>IntegraseName</sub>: flipped DNA binding site. This site has been irreversibly flipped.<br />
<br />
[[File:ETH_Zurich_Integrases_sites.png|center|800px|thumb|'''Figure 1''' The three different states of DBxb1-DNA binding sites.]]<br />
<br />
=== Reactions ===<br />
<br />
;For Bxb1:<br />
$$ \begin{align}<br />
Bxb1 + Bxb1 &\leftrightarrow DBxb1 \\<br />
DBxb1 + SI_{Bxb1} & \leftrightarrow SA_{Bxb1}\\<br />
Bxb1 &\rightarrow \\<br />
DBxb1 &\rightarrow<br />
\end{align}$$<br />
<br />
;For ΦC31:<br />
\begin{align}<br />
\phi C31 + \phi C31 &\leftrightarrow D\phi C 31 \\<br />
D\phi C 31 + SI_{\phi C31} & \leftrightarrow SA_{\phi C31}\\<br />
\phi C31 &\rightarrow \\<br />
D\phi C31 &\rightarrow <br />
\end{align}<br />
<br />
=== Differential Equations ===<br />
<br />
Applying mass action kinetic laws, we obtain the following set of differential equations for Bxb1.<br />
<br />
$$\frac{d[Bxb1]}{dt}=-2 k_{DBxb1}[Bxb1]^2+ 2 k_{-DBxb1}[DBxb1]-d_{Bxb1}[Bxb1]$$<br />
<br />
$$\frac{d[DBxb1]}{dt}=-k_{SABxb1}[DBxb1][SI_{Bxb1}]+k_{-SABxb1}[SA_{Bxb1}]+k_{DBxb1}[Bxb1]^2-k_{-DBxb1}[DBxb1]-d_{DBxb1}[DBxb1]$$<br />
<br />
$$\frac{d[SA_{Bxb1}]}{dt}=k_{SABxb1}[DBxb1][SI_{Bxb1}]-k_{-SABxb1}[SA_{Bxb1}]$$<br />
<br />
Replacing every occurence of Bxb1 by ΦC31 gives the set of differential equations for ΦC31.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Unknown"></html><br />
== State of the Art ==<br />
{| class="wikitable"<br />
|-<br />
! '''Name'''<br />
! Description<br />
! Status from literature<br />
! Status after characterization<br />
|-<br />
|'''k<sub>DBxb1</sub>'''<br />
|Dimerization rate of Bxb1<br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>-DBxb1</sub>'''<br />
|Dissociation rate of DBxb1<br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>SABxb1</sub>'''<br />
|Rate of formation of SA<sub>Bxb1</sub> from DBxb1 and SI<sub>Bxb1</sub><br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>-SABxb1</sub>'''<br />
|Dissociation rate of SA<sub>Bxb1</sub><br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''d<sub>Bxb1</sub>'''<br />
|Degradation rate of Bxb1<br />
|Unknown<br />
|Assumed<br />
|-<br />
|'''d<sub>DBxb1</sub>'''<br />
|Degradation rate of DBxb1<br />
|Unknown<br />
|Assumed<br />
|}<br />
<br />
Substituting ΦC31 for Bxb1 gives the set of parameters for ΦC31. The same status can be applied to those parameters. <br />
<br/><br />
<br/><br />
Even if degradation rates were not determined specifically for the serine integrases and their dimerized form, degradation rates of proteins in ''E. coli'' are available. We assume that the degradation rates of dimerized forms are two times higher than the degradation rates of monomers. Typically, d<sub>DBxb1</sub> = 2*d<sub>Bxb1</sub>. To characterize integrases behavior, we focused on estimating the parameters for dimerization and DNA-binding.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Parameter"></html><br />
<br />
== Characterization of the integrase DNA-binding reaction==<br />
<br />
=== Data ===<br />
The parameter fitting is based on the data available from Bonnet's paper<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>. Their experimental setup is different from ours. They induce the production of the integrase Bxb1 with aTc. Bxb1 can then flip a terminator put between a constitutive promoter and the gene for a reporter protein. They experimentally retrieve a transfer function between aTc and Bxb1 switching rate. Here is the figure of interest in our case.<br />
<br />
[[File:ETH Zurich Bonnet S4.jpg|center|400px|thumb|'''Figure 2''' Transfer function from aTc to Bxb1. The experimental data corresponds to the points. They fitted this data with their own model. Supplementary figure S4 of Bonnet's paper ''Amplifying Genetic Logic Gates''<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>.]]<br />
<br />
To use their experimental data, we have to model their induction mechanism using aTc. We use a simplified version of this phenomenon proposed by the [https://2013.igem.org/Team:UCSF 2013 iGEM team UCSF]. They modeled the induction with aTc as a leaky Hill function. In the following table are the set of parameters introduced to model induction.<br />
<br />
{| class="wikitable"<br />
|-<br />
!'''Name'''<br />
!Value<br />
!Description<br />
!Reference<br />
|-<br />
|'''A<sub>L</sub>'''<br />
|8.904 mRNA min<sup>-1</sup><br />
|Basal expression level of tet promoter<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''B<sub>L</sub>'''<br />
|443.7 mRNA min<sup>-1</sup><br />
|Maximal expresion level of tet promoter<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''n'''<br />
|2.551 (no units)<br />
|Hill exponent<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''K<sub>L</sub>'''<br />
|11.45 µmoles<br />
|Half-maximal effective concentration of aTc<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''k<sub>mRNA<sub>Bxb1</sub></sub>'''<br />
|Unknown<br />
|Translation rate of Bxb1<br />
|Assumed<br />
|}<br />
<br />
We obtain the following set of differential equations:<br />
<br />
$$\begin{align*}<br />
\frac{d[Bxb1]}{dt} &= k_{mRNA_{Bxb1}}*(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n})- 2 k_{DBxb1}*[Bxb1]^2 + 2k_{-DBxb1}*[DBxb1] - d_{Bxb1}*[Bxb1] \\<br />
\frac{d[DBxb1]}{dt} &= k_{DBxb1}*[Bxb1]^2 - k_{-DBxb1}*[DBxb1] - k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] + k_{-SABxb1}*[SA_{Bxb1}] - d_{DBxb1}*[DBxb1] \\<br />
\frac{d[SA_{Bxb1}]}{dt} &= k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] - k_{-SABxb1}*[SA_{Bxb1}]<br />
\end{align*}$$<br />
<br />
=== Assumptions ===<br />
;'''Assumption A'''<br />
:The back-reaction from DBxb1 binding to the inactive site state is considered to be negligible compared to the flipping rate. That is to say that once a site is active, it can only be flipped. Thus, an active site would only be a transitional state in our whole cell model. As the flipping is not modeled in our integrase subsystem, active sites are not transformed into flipped sites at the end of the information pipeline. Thus, we consider that we can express the switching rate given active site concentration.<br />
<br />
;'''Assumption B'''<br />
:As switching needs two active sites to be effective (for more information on flipping, check the [https://2014.igem.org/Team:ETH_Zurich/modeling/xor XOR gate page]), the switching rate is approximated to: $${\left(\frac{SA_{Bxb1}}{S_{TOT}}\right)}^2$$ This approximation is understated by probabilistic considerations.<br />
<br />
;'''Assumption C'''<br />
:Given the normalization of the paper, basal rate of production of Bxb1 is not taken into account. Thus, we consider that $$A_L = 0$$<br />
<br />
;'''Assumption D'''<br />
:The activation by aTc is assumed to be dominant over degradation and dimerization of Bxb1. It is supposed to be valid on the range of aTc concentration considered.<br />
$$\frac{k_{mRNA_{Bxb1}}*\left(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n}\right)}{d_{Bxb1}K'_{DBxb1}} >> 1<br />
$$ <br />
with <br />
$$K'_{DBxb1} = \frac{k_{-DBxb1} + d_{DBxb1}}{k_{DBxb1}}<br />
$$<br />
<br />
<br/><br />
<br />
=== Parameter fitting ===<br />
We consider the system at steady-state. After derivation, the following explicit equation can be retrieved:<br />
<br />
$$[SR]_{qss} = {\left(\frac{B_{L} * [aTc]^{n}}{ \lambda_1 K_L^{n} + (B_{L} +\lambda_1) [aTc]^{n}}\right)}^2 $$<br />
<br />
where<br />
$$ \lambda_1 = \frac{2*d_{Bxb1}*K_{SABxb1}}{k_{mRNA_{Bxb1}}} ; K_{SABxb1} = \frac{k_{-SABxb1}}{k_{SABxb1}} $$<br />
<br />
Using the Least Absolute Residual method, we determined the lumped parameter λ<sub>1</sub>. Here is the value with its 95% confidence bounds:<br />
<br />
$$\lambda_1 = 1.82e-07 (1.649e-07, 1.992e-07)$$<br />
<br />
[[File:ETH Zurich Integrase SR1.png|center|800px|thumb|'''Figure 3''' Parameter fitting of the dissociation rate constant of K<sub>SABxb1</sub>]]<br />
<br />
We assume that:<br />
* d<sub>Bxb1</sub> corresponds to the order of magnitude of 10<sup>-2</sup> min<sup>-1</sup>, as most of the protein in ''E. coli'' <sup>[[Team:ETH_Zurich/project/references#refDegProtein|[17]]]</sup>.<br />
* k<sub>mRNA<sub>Bxb1</sub></sub> is of the order of magnitude 10<sup>-1</sup> min<sup>-1</sup> mRNA<sup>-1</sup>. We estimated to be a low value because the starting codon of Bxb1 is GTG (and not ATG) and this parameter also takes into account folding time.<br />
<br />
Thus, '''K<sub>SABxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM'''. The interpretation of this dissociation constant, K<sub>SABxb1</sub>, is that the DNA binding reaction is really specific, as it can be expected for integrases.<br />
<br />
By assuming that k<sub>SABxb1</sub>, the rate of formation of SA<sub>Bxb1</sub>, is not rate limiting and fixing it to 1, we find that k<sub>-SABxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Parameters2"></html><br />
<br />
== Characterization of the dimerization reaction==<br />
<br />
<br />
=== Data ===<br />
The parameter fitting is based on data from Bonnet's paper<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>. Their experimental setup is different from ours. However, they experimentally retrieve a transfer function between aTc and Bxb1 switching rate. Here is the figure of interest in our case.<br />
<br />
[[File:ETH Zurich Bonnet S4.jpg|center|400px|thumb|'''Figure 4''' Transfer function from aTc to Bxb1. The experimental data corresponds to the points. They fitted this data with their own model. Supplementary figure S4 of Bonnet's paper ''Amplifying Genetic Logic Gates''<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>]]<br />
<br />
We do the same modeling steps, as for the [https://2014.igem.org/Team:ETH_Zurich/modeling/int#Characterization:_KSABxb1 previous characterization].Thus, we obtain the following set of differential equations:$$\begin{align*}<br />
\frac{d[Bxb1]}{dt} &= a_{}*(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n})- 2 k_{DBxb1}*[Bxb1]^2 + 2k_{-DBxb1}*[DBxb1] - d_{Bxb1}*[Bxb1] \\<br />
\frac{d[DBxb1]}{dt} &= k_{DBxb1}*[Bxb1]^2 - k_{-DBxb1}*[DBxb1] - k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] + k_{-SABxb1}*[SA_{Bxb1}] - d_{DBxb1}*[DBxb1] \\<br />
\frac{d[SA_{Bxb1}]}{dt} &= k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] - k_{-SABxb1}*[SA_{Bxb1}]<br />
\end{align*}$$<br />
<br />
=== Assumptions ===<br />
<br />
We keep the following assumptions from the previous characterization: '''assumption A''', '''assumption B''' and '''assumption C'''. A assumption is made:<br />
<br />
;'''Assumption E'''<br />
:We neglect the degradation rate of DBxb1, d<sub>DBxb1</sub>, with respect to the dimerization reaction.<br />
<br />
<br/><br />
<br />
=== Parameter fitting ===<br />
We consider the system at steady-state. After derivation, the following explicit equation can be retrieved:<br />
<br />
$$[SR]_ = {(\frac{(B_{L} * [aTc]^{n})^2}{((B_{L} * [aTc]^{n})^2 + \lambda_2 * \lambda_1 (K_{L}^{n} + [aTc]^{n})^2))}})^2$$<br />
<br />
where<br />
$$ \lambda_1 = \frac{2*d_{Bxb1}*K_{SABxb1}}{k_{mRNA_{Bxb1}}} ; \lambda_2 = \frac{d_{Bxb1}*K_{SABxb1}}{2 *k_{mRNA_{Bxb1}}}; K_{DBxb1} = \frac{k_{-DBxb1}}{k_{DBxb1}}; K_{SABxb1} = \frac{k_{-SABxb1}}{k_{SABxb1}} $$<br />
<br />
As the value of λ<sub>1</sub> was derived in the previous characterization step, we use the Least Absolute Residual method to determine the lumped parameter λ<sub>2</sub>. Here is the value with its 95% confidence bounds:<br />
<br />
$$\lambda_2 = 8.211e-07 (7.421e-07, 9.001e-07))$$<br />
<br />
[[File:ETH Zurich Integrase SR2.png|center|800px|thumb|'''Figure 5''' Parameter fitting of the dissociation rate constant of K<sub>DBxb1</sub>]]<br />
<br />
We assume that:<br />
* d<sub>Bxb1</sub> corresponds to the order of magnitude of 10<sup>-2</sup> min<sup>-1</sup>, as most of the protein in ''E. coli'' <sup>[[Team:ETH_Zurich/project/references#refDegProtein|[17]]]</sup>.<br />
* k<sub>mRNA<sub>Bxb1</sub></sub> is of the order of magnitude 10<sup>-1</sup> min<sup>-1</sup> mRNA<sup>-1</sup>. We estimated to be a low value because the starting codon of Bxb1 is GTG (and not ATG) and this parameter also takes into account folding time.<br />
<br />
Thus, '''K<sub>DBxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM'''. The interpretation of this dissociation rate constant is that the dimerization reaction is really specific, as it can be expected for integrases.<br />
<br />
By assuming that k<sub>DBxb1</sub>, the rate of formation of D<sub>Bxb1</sub>, is not rate limiting and fixing it to 1, we find that k<sub>-DBxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM.<br />
<br />
<html></article></html><br />
<br />
<br />
<html><article id="Results"></html><br />
<br />
==Results==<br />
<br />
The figures show the predicted transfer function for the ratios of active sites of Bxb1 (SA<sub>Bxb1</sub>) to total number of sites (SBxb1<sub>TOT</sub>) and active sites of ΦC31 (SA<sub>ΦC31</sub>) to total number of sites (SΦC31<sub>TOT</sub>) as a function of their respective integrase concentrations based on the fitted parameters. With the fitted parameters, we found the Km value to be 10 nM.<br />
<br />
[[File:ETHZ_Integrase_Bxb1.jpg|500px|center|thumb|'''Figure 6''' Predicted transfer function for Bxb1 module.]]<br />
[[File:ETHZ_Integrase_Pc31.jpg|500px|center|thumb|'''Figure 7''' Predicted transfer function for ΦC31 module.]]<br />
<br />
<html></article></html><br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/modeling/int
Team:ETH Zurich/modeling/int
2014-10-18T01:03:32Z
<p>Eledieu: /* State of the Art */</p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Integrases}}<br />
{{:Team:ETH Zurich/tpl/fortables}}<br />
<br />
<center><br />
{{:Team:ETH Zurich/tpl/scrollbutton3|Model|green}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Unknown|Parameters|red}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Parameter|Fitting|blue}}<br />
{{:Team:ETH Zurich/tpl/scrollbutton3|Results|green}}<br />
</center><br />
<br />
<html><article id="Model"></html><br />
== Model ==<br />
<br />
In our design, integrases compute the output of the logic gates. Integrases allow flipping one fragment of DNA. Therefore, they are of central importance to our design. However, their characterization in literature<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup> is incomplete. In particular, quantitative insight into dimerization rates and DNA-binding rates is lacking. Such data is however necessary in order to be able to set up a mathematical model to describe the overall Mosai''coli'' process. Thus, we decided to estimate the missing parameters from published from published experiments based on a model that we developed ourselves.<br />
<br/><br />
<br/><br />
<br />
=== Chemical Species ===<br />
<br />
{| class="wikitable"<br />
|-<br />
! '''Name'''<br />
! Description<br />
|-<br />
|'''Bxb1'''<br />
|Serine integrase that can fold into two conformations - Bxb1a and Bxb1b. We chose to use a common connotation for both conformations - Bxb1.<br />
|-<br />
|'''ΦC31'''<br />
|Serine integrase that can fold into two conformations - ΦC31a and ΦC31b. We chose to use a common connotation for both conformations - ΦC31.<br />
|-<br />
|'''DBxb1'''<br />
|Dimerized form of Bxb1. We chose to use a common connotation for both homodimers, DBxb1a and DBxb1b.<br />
|-<br />
|'''DΦC31'''<br />
|Dimerized form of ΦC31. We chose to use a common connotation for both homodimers, DΦC31a and DΦC31b.<br />
|}<br />
<br />
<br/><br />
<br />
=== Modeling DNA-binding sites ===<br />
Each dimer of integrases can specifically bind to a DNA binding site. As the flipping is irreversible, these DNA binding sites can be in three possible states: <br />
<br />
* SI<sub>IntegraseName</sub>: inactive DNA binding site. No dimer is bound to this site, which has never been flipped.<br />
<br />
* SA<sub>IntegraseName</sub>: active DNA binding site. A dimer is bound to this site.<br />
<br />
* SF<sub>IntegraseName</sub>: flipped DNA binding site. This site has been irreversibly flipped.<br />
<br />
[[File:ETH_Zurich_Integrases_sites.png|center|800px|thumb|'''Figure 1''' The three different states of DBxb1-DNA binding sites.]]<br />
<br />
=== Reactions ===<br />
<br />
;For Bxb1:<br />
$$ \begin{align}<br />
Bxb1 + Bxb1 &\leftrightarrow DBxb1 \\<br />
DBxb1 + SI_{Bxb1} & \leftrightarrow SA_{Bxb1}\\<br />
Bxb1 &\rightarrow \\<br />
DBxb1 &\rightarrow<br />
\end{align}$$<br />
<br />
;For ΦC31:<br />
\begin{align}<br />
\phi C31 + \phi C31 &\leftrightarrow D\phi C 31 \\<br />
D\phi C 31 + SI_{\phi C31} & \leftrightarrow SA_{\phi C31}\\<br />
\phi C31 &\rightarrow \\<br />
D\phi C31 &\rightarrow <br />
\end{align}<br />
<br />
=== Differential Equations ===<br />
<br />
Applying mass action kinetic laws, we obtain the following set of differential equations for Bxb1.<br />
<br />
$$\frac{d[Bxb1]}{dt}=-2 k_{DBxb1}[Bxb1]^2+ 2 k_{-DBxb1}[DBxb1]-d_{Bxb1}[Bxb1]$$<br />
<br />
$$\frac{d[DBxb1]}{dt}=-k_{SABxb1}[DBxb1][SI_{Bxb1}]+k_{-SABxb1}[SA_{Bxb1}]+k_{DBxb1}[Bxb1]^2-k_{-DBxb1}[DBxb1]-d_{DBxb1}[DBxb1]$$<br />
<br />
$$\frac{d[SA_{Bxb1}]}{dt}=k_{SABxb1}[DBxb1][SI_{Bxb1}]-k_{-SABxb1}[SA_{Bxb1}]$$<br />
<br />
Replacing every occurence of Bxb1 by ΦC31 gives the set of differential equations for ΦC31.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Unknown"></html><br />
== State of the Art ==<br />
{| class="wikitable"<br />
|-<br />
! '''Name'''<br />
! Description<br />
! Status from literature<br />
! Status after characterization<br />
|-<br />
|'''k<sub>DBxb1</sub>'''<br />
|Dimerization rate of Bxb1<br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>-DBxb1</sub>'''<br />
|Dissociation rate of DBxb1<br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>SABxb1</sub>'''<br />
|Rate of formation of SA<sub>Bxb1</sub> from DBxb1 and SI<sub>Bxb1</sub><br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>-SABxb1</sub>'''<br />
|Dissociation rate of SA<sub>Bxb1</sub><br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''d<sub>Bxb1</sub>'''<br />
|Degradation rate of Bxb1<br />
|Unknown<br />
|Assumed<br />
|-<br />
|'''d<sub>DBxb1</sub>'''<br />
|Degradation rate of DBxb1<br />
|Unknown<br />
|Assumed<br />
|}<br />
<br />
Substituting ΦC31 for Bxb1 gives the set of parameters for ΦC31. The same status can be applied to those parameters. <br />
<br/><br />
<br/><br />
Even if degradation rates were not determined specifically for the serine integrases and their dimerized form, degradation rates of proteins in ''E. coli'' are available. We assume that the degradation rates of dimerized forms are two times higher than the degradation rates of monomers. Typically, d<sub>DBxb1</sub> = 2*d<sub>Bxb1</sub>. To characterize integrases behavior, we focused on estimating the parameters for dimerization and DNA-binding.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Parameter"></html><br />
<br />
== Characterization of the integrase DNA-binding reaction==<br />
<br />
=== Data ===<br />
The parameter fitting is based on data from Bonnet's paper<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>. Their experimental setup is different from ours. However, they experimentally retrieve a transfer function between aTc and Bxb1 switching rate. Here is the figure of interest in our case.<br />
<br />
[[File:ETH Zurich Bonnet S4.jpg|center|400px|thumb|'''Figure 2''' Transfer function from aTc to Bxb1. The experimental data corresponds to the points. They fitted this data with their own model. Supplementary figure S4 of Bonnet's paper ''Amplifying Genetic Logic Gates''<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>.]]<br />
<br />
To use their experimental data, we have to model their induction mechanism using aTc. We use a simplified version of this phenomenon proposed by the [https://2013.igem.org/Team:UCSF 2013 iGEM team UCSF]. They modeled the induction with aTc as a leaky Hill function. In the following table are the set of parameters introduced to model induction.<br />
<br />
{| class="wikitable"<br />
|-<br />
!'''Name'''<br />
!Value<br />
!Description<br />
!Reference<br />
|-<br />
|'''A<sub>L</sub>'''<br />
|8.904 mRNA min<sup>-1</sup><br />
|Basal expression level of tet promoter<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''B<sub>L</sub>'''<br />
|443.7 mRNA min<sup>-1</sup><br />
|Maximal expresion level of tet promoter<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''n'''<br />
|2.551 (no units)<br />
|Hill exponent<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''K<sub>L</sub>'''<br />
|11.45 µmoles<br />
|Half-maximal effective concentration of aTc<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''k<sub>mRNA<sub>Bxb1</sub></sub>'''<br />
|Unknown<br />
|Translation rate of Bxb1<br />
|Assumed<br />
|}<br />
<br />
We obtain the following set of differential equations:<br />
<br />
$$\begin{align*}<br />
\frac{d[Bxb1]}{dt} &= k_{mRNA_{Bxb1}}*(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n})- 2 k_{DBxb1}*[Bxb1]^2 + 2k_{-DBxb1}*[DBxb1] - d_{Bxb1}*[Bxb1] \\<br />
\frac{d[DBxb1]}{dt} &= k_{DBxb1}*[Bxb1]^2 - k_{-DBxb1}*[DBxb1] - k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] + k_{-SABxb1}*[SA_{Bxb1}] - d_{DBxb1}*[DBxb1] \\<br />
\frac{d[SA_{Bxb1}]}{dt} &= k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] - k_{-SABxb1}*[SA_{Bxb1}]<br />
\end{align*}$$<br />
<br />
=== Assumptions ===<br />
;'''Assumption A'''<br />
:The back-reaction from DBxb1 binding to the inactive site state is considered to be negligible compared to the flipping rate. That is to say that once a site is active, it can only be flipped. Thus, an active site would only be a transitional state in our whole cell model. As the flipping is not modeled in our integrase subsystem, active sites are not transformed into flipped sites at the end of the information pipeline. Thus, we consider that we can express the switching rate given active site concentration.<br />
<br />
;'''Assumption B'''<br />
:As switching needs two active sites to be effective (for more information on flipping, check the [https://2014.igem.org/Team:ETH_Zurich/modeling/xor XOR gate page]), the switching rate is approximated to: $${\left(\frac{SA_{Bxb1}}{S_{TOT}}\right)}^2$$ This approximation is understated by probabilistic considerations.<br />
<br />
;'''Assumption C'''<br />
:Given the normalization of the paper, basal rate of production of Bxb1 is not taken into account. Thus, we consider that $$A_L = 0$$<br />
<br />
;'''Assumption D'''<br />
:The activation by aTc is assumed to be dominant over degradation and dimerization of Bxb1. It is supposed to be valid on the range of aTc concentration considered.<br />
$$\frac{k_{mRNA_{Bxb1}}*\left(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n}\right)}{d_{Bxb1}K'_{DBxb1}} >> 1<br />
$$ <br />
with <br />
$$K'_{DBxb1} = \frac{k_{-DBxb1} + d_{DBxb1}}{k_{DBxb1}}<br />
$$<br />
<br />
<br/><br />
<br />
=== Parameter fitting ===<br />
We consider the system at steady-state. After derivation, the following explicit equation can be retrieved:<br />
<br />
$$[SR]_{qss} = {\left(\frac{B_{L} * [aTc]^{n}}{ \lambda_1 K_L^{n} + (B_{L} +\lambda_1) [aTc]^{n}}\right)}^2 $$<br />
<br />
where<br />
$$ \lambda_1 = \frac{2*d_{Bxb1}*K_{SABxb1}}{k_{mRNA_{Bxb1}}} ; K_{SABxb1} = \frac{k_{-SABxb1}}{k_{SABxb1}} $$<br />
<br />
Using the Least Absolute Residual method, we determined the lumped parameter λ<sub>1</sub>. Here is the value with its 95% confidence bounds:<br />
<br />
$$\lambda_1 = 1.82e-07 (1.649e-07, 1.992e-07)$$<br />
<br />
[[File:ETH Zurich Integrase SR1.png|center|800px|thumb|'''Figure 3''' Parameter fitting of the dissociation rate constant of K<sub>SABxb1</sub>]]<br />
<br />
We assume that:<br />
* d<sub>Bxb1</sub> corresponds to the order of magnitude of 10<sup>-2</sup> min<sup>-1</sup>, as most of the protein in ''E. coli'' <sup>[[Team:ETH_Zurich/project/references#refDegProtein|[17]]]</sup>.<br />
* k<sub>mRNA<sub>Bxb1</sub></sub> is of the order of magnitude 10<sup>-1</sup> min<sup>-1</sup> mRNA<sup>-1</sup>. We estimated to be a low value because the starting codon of Bxb1 is GTG (and not ATG) and this parameter also takes into account folding time.<br />
<br />
Thus, '''K<sub>SABxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM'''. The interpretation of this dissociation constant, K<sub>SABxb1</sub>, is that the DNA binding reaction is really specific, as it can be expected for integrases.<br />
<br />
By assuming that k<sub>SABxb1</sub>, the rate of formation of SA<sub>Bxb1</sub>, is not rate limiting and fixing it to 1, we find that k<sub>-SABxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Parameters2"></html><br />
<br />
== Characterization of the dimerization reaction==<br />
<br />
<br />
=== Data ===<br />
The parameter fitting is based on data from Bonnet's paper<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>. Their experimental setup is different from ours. However, they experimentally retrieve a transfer function between aTc and Bxb1 switching rate. Here is the figure of interest in our case.<br />
<br />
[[File:ETH Zurich Bonnet S4.jpg|center|400px|thumb|'''Figure 4''' Transfer function from aTc to Bxb1. The experimental data corresponds to the points. They fitted this data with their own model. Supplementary figure S4 of Bonnet's paper ''Amplifying Genetic Logic Gates''<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>]]<br />
<br />
We do the same modeling steps, as for the [https://2014.igem.org/Team:ETH_Zurich/modeling/int#Characterization:_KSABxb1 previous characterization].Thus, we obtain the following set of differential equations:$$\begin{align*}<br />
\frac{d[Bxb1]}{dt} &= a_{}*(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n})- 2 k_{DBxb1}*[Bxb1]^2 + 2k_{-DBxb1}*[DBxb1] - d_{Bxb1}*[Bxb1] \\<br />
\frac{d[DBxb1]}{dt} &= k_{DBxb1}*[Bxb1]^2 - k_{-DBxb1}*[DBxb1] - k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] + k_{-SABxb1}*[SA_{Bxb1}] - d_{DBxb1}*[DBxb1] \\<br />
\frac{d[SA_{Bxb1}]}{dt} &= k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] - k_{-SABxb1}*[SA_{Bxb1}]<br />
\end{align*}$$<br />
<br />
=== Assumptions ===<br />
<br />
We keep the following assumptions from the previous characterization: '''assumption A''', '''assumption B''' and '''assumption C'''. A assumption is made:<br />
<br />
;'''Assumption E'''<br />
:We neglect the degradation rate of DBxb1, d<sub>DBxb1</sub>, with respect to the dimerization reaction.<br />
<br />
<br/><br />
<br />
=== Parameter fitting ===<br />
We consider the system at steady-state. After derivation, the following explicit equation can be retrieved:<br />
<br />
$$[SR]_ = {(\frac{(B_{L} * [aTc]^{n})^2}{((B_{L} * [aTc]^{n})^2 + \lambda_2 * \lambda_1 (K_{L}^{n} + [aTc]^{n})^2))}})^2$$<br />
<br />
where<br />
$$ \lambda_1 = \frac{2*d_{Bxb1}*K_{SABxb1}}{k_{mRNA_{Bxb1}}} ; \lambda_2 = \frac{d_{Bxb1}*K_{SABxb1}}{2 *k_{mRNA_{Bxb1}}}; K_{DBxb1} = \frac{k_{-DBxb1}}{k_{DBxb1}}; K_{SABxb1} = \frac{k_{-SABxb1}}{k_{SABxb1}} $$<br />
<br />
As the value of λ<sub>1</sub> was derived in the previous characterization step, we use the Least Absolute Residual method to determine the lumped parameter λ<sub>2</sub>. Here is the value with its 95% confidence bounds:<br />
<br />
$$\lambda_2 = 8.211e-07 (7.421e-07, 9.001e-07))$$<br />
<br />
[[File:ETH Zurich Integrase SR2.png|center|800px|thumb|'''Figure 5''' Parameter fitting of the dissociation rate constant of K<sub>DBxb1</sub>]]<br />
<br />
We assume that:<br />
* d<sub>Bxb1</sub> corresponds to the order of magnitude of 10<sup>-2</sup> min<sup>-1</sup>, as most of the protein in ''E. coli'' <sup>[[Team:ETH_Zurich/project/references#refDegProtein|[17]]]</sup>.<br />
* k<sub>mRNA<sub>Bxb1</sub></sub> is of the order of magnitude 10<sup>-1</sup> min<sup>-1</sup> mRNA<sup>-1</sup>. We estimated to be a low value because the starting codon of Bxb1 is GTG (and not ATG) and this parameter also takes into account folding time.<br />
<br />
Thus, '''K<sub>DBxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM'''. The interpretation of this dissociation rate constant is that the dimerization reaction is really specific, as it can be expected for integrases.<br />
<br />
By assuming that k<sub>DBxb1</sub>, the rate of formation of D<sub>Bxb1</sub>, is not rate limiting and fixing it to 1, we find that k<sub>-DBxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM.<br />
<br />
<html></article></html><br />
<br />
<br />
<html><article id="Results"></html><br />
<br />
==Results==<br />
<br />
The figures show the predicted transfer function for the ratios of active sites of Bxb1 (SA<sub>Bxb1</sub>) to total number of sites (SBxb1<sub>TOT</sub>) and active sites of ΦC31 (SA<sub>ΦC31</sub>) to total number of sites (SΦC31<sub>TOT</sub>) as a function of their respective integrase concentrations based on the fitted parameters. With the fitted parameters, we found the Km value to be 10 nM.<br />
<br />
[[File:ETHZ_Integrase_Bxb1.jpg|500px|center|thumb|'''Figure 6''' Predicted transfer function for Bxb1 module.]]<br />
[[File:ETHZ_Integrase_Pc31.jpg|500px|center|thumb|'''Figure 7''' Predicted transfer function for ΦC31 module.]]<br />
<br />
<html></article></html><br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/modeling/int
Team:ETH Zurich/modeling/int
2014-10-18T01:02:18Z
<p>Eledieu: /* Assumptions */</p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Integrases}}<br />
{{:Team:ETH Zurich/tpl/fortables}}<br />
<br />
<center><br />
{{:Team:ETH Zurich/tpl/scrollbutton3|Model|green}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Unknown|Parameters|red}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Parameter|Fitting|blue}}<br />
{{:Team:ETH Zurich/tpl/scrollbutton3|Results|green}}<br />
</center><br />
<br />
<html><article id="Model"></html><br />
== Model ==<br />
<br />
In our design, integrases compute the output of the logic gates. Integrases allow flipping one fragment of DNA. Therefore, they are of central importance to our design. However, their characterization in literature<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup> is incomplete. In particular, quantitative insight into dimerization rates and DNA-binding rates is lacking. Such data is however necessary in order to be able to set up a mathematical model to describe the overall Mosai''coli'' process. Thus, we decided to estimate the missing parameters from published from published experiments based on a model that we developed ourselves.<br />
<br/><br />
<br/><br />
<br />
=== Chemical Species ===<br />
<br />
{| class="wikitable"<br />
|-<br />
! '''Name'''<br />
! Description<br />
|-<br />
|'''Bxb1'''<br />
|Serine integrase that can fold into two conformations - Bxb1a and Bxb1b. We chose to use a common connotation for both conformations - Bxb1.<br />
|-<br />
|'''ΦC31'''<br />
|Serine integrase that can fold into two conformations - ΦC31a and ΦC31b. We chose to use a common connotation for both conformations - ΦC31.<br />
|-<br />
|'''DBxb1'''<br />
|Dimerized form of Bxb1. We chose to use a common connotation for both homodimers, DBxb1a and DBxb1b.<br />
|-<br />
|'''DΦC31'''<br />
|Dimerized form of ΦC31. We chose to use a common connotation for both homodimers, DΦC31a and DΦC31b.<br />
|}<br />
<br />
<br/><br />
<br />
=== Modeling DNA-binding sites ===<br />
Each dimer of integrases can specifically bind to a DNA binding site. As the flipping is irreversible, these DNA binding sites can be in three possible states: <br />
<br />
* SI<sub>IntegraseName</sub>: inactive DNA binding site. No dimer is bound to this site, which has never been flipped.<br />
<br />
* SA<sub>IntegraseName</sub>: active DNA binding site. A dimer is bound to this site.<br />
<br />
* SF<sub>IntegraseName</sub>: flipped DNA binding site. This site has been irreversibly flipped.<br />
<br />
[[File:ETH_Zurich_Integrases_sites.png|center|800px|thumb|'''Figure 1''' The three different states of DBxb1-DNA binding sites.]]<br />
<br />
=== Reactions ===<br />
<br />
;For Bxb1:<br />
$$ \begin{align}<br />
Bxb1 + Bxb1 &\leftrightarrow DBxb1 \\<br />
DBxb1 + SI_{Bxb1} & \leftrightarrow SA_{Bxb1}\\<br />
Bxb1 &\rightarrow \\<br />
DBxb1 &\rightarrow<br />
\end{align}$$<br />
<br />
;For ΦC31:<br />
\begin{align}<br />
\phi C31 + \phi C31 &\leftrightarrow D\phi C 31 \\<br />
D\phi C 31 + SI_{\phi C31} & \leftrightarrow SA_{\phi C31}\\<br />
\phi C31 &\rightarrow \\<br />
D\phi C31 &\rightarrow <br />
\end{align}<br />
<br />
=== Differential Equations ===<br />
<br />
Applying mass action kinetic laws, we obtain the following set of differential equations for Bxb1.<br />
<br />
$$\frac{d[Bxb1]}{dt}=-2 k_{DBxb1}[Bxb1]^2+ 2 k_{-DBxb1}[DBxb1]-d_{Bxb1}[Bxb1]$$<br />
<br />
$$\frac{d[DBxb1]}{dt}=-k_{SABxb1}[DBxb1][SI_{Bxb1}]+k_{-SABxb1}[SA_{Bxb1}]+k_{DBxb1}[Bxb1]^2-k_{-DBxb1}[DBxb1]-d_{DBxb1}[DBxb1]$$<br />
<br />
$$\frac{d[SA_{Bxb1}]}{dt}=k_{SABxb1}[DBxb1][SI_{Bxb1}]-k_{-SABxb1}[SA_{Bxb1}]$$<br />
<br />
Replacing every occurence of Bxb1 by ΦC31 gives the set of differential equations for ΦC31.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Unknown"></html><br />
== State of the Art ==<br />
{| class="wikitable"<br />
|-<br />
! '''Name'''<br />
! Description<br />
! Status from literature<br />
! Status after characterization<br />
|-<br />
|'''k<sub>DBxb1</sub>'''<br />
|Dimerization rate of Bxb1<br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>-DBxb1</sub>'''<br />
|Dissociation rate of DBxb1<br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>SABxb1</sub>'''<br />
|Rate of formation of SA<sub>Bxb1</sub> from DBxb1 and SI<sub>Bxb1</sub><br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>-SABxb1</sub>'''<br />
|Dissociation rate of SA<sub>Bxb1</sub><br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''d<sub>Bxb1</sub>'''<br />
|Degradation rate of Bxb1<br />
|Unknown<br />
|Assumed<br />
|-<br />
|'''d<sub>DBxb1</sub>'''<br />
|Degradation rate of DBxb1<br />
|Unknown<br />
|Assumed<br />
|}<br />
<br />
Replacing every occurence of Bxb1 by ΦC31 gives the set of parameters for ΦC31. The same status can be applied to those parameters. <br />
<br/><br />
<br/><br />
Even if degradation rates were not determined specifically for the serine integrases and their dimerized form, degradation rates of proteins in ''E. coli'' are available. We assume that the degradation rates of dimerized forms are two times higher than the degradation rates of monomers. Typically, d<sub>DBxb1</sub> = 2*d<sub>Bxb1</sub> To characterize integrase behavior, we focus on finding the parameters for dimerization and DNA-binding.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Parameter"></html><br />
<br />
== Characterization of the integrase DNA-binding reaction==<br />
<br />
=== Data ===<br />
The parameter fitting is based on data from Bonnet's paper<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>. Their experimental setup is different from ours. However, they experimentally retrieve a transfer function between aTc and Bxb1 switching rate. Here is the figure of interest in our case.<br />
<br />
[[File:ETH Zurich Bonnet S4.jpg|center|400px|thumb|'''Figure 2''' Transfer function from aTc to Bxb1. The experimental data corresponds to the points. They fitted this data with their own model. Supplementary figure S4 of Bonnet's paper ''Amplifying Genetic Logic Gates''<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>.]]<br />
<br />
To use their experimental data, we have to model their induction mechanism using aTc. We use a simplified version of this phenomenon proposed by the [https://2013.igem.org/Team:UCSF 2013 iGEM team UCSF]. They modeled the induction with aTc as a leaky Hill function. In the following table are the set of parameters introduced to model induction.<br />
<br />
{| class="wikitable"<br />
|-<br />
!'''Name'''<br />
!Value<br />
!Description<br />
!Reference<br />
|-<br />
|'''A<sub>L</sub>'''<br />
|8.904 mRNA min<sup>-1</sup><br />
|Basal expression level of tet promoter<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''B<sub>L</sub>'''<br />
|443.7 mRNA min<sup>-1</sup><br />
|Maximal expresion level of tet promoter<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''n'''<br />
|2.551 (no units)<br />
|Hill exponent<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''K<sub>L</sub>'''<br />
|11.45 µmoles<br />
|Half-maximal effective concentration of aTc<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''k<sub>mRNA<sub>Bxb1</sub></sub>'''<br />
|Unknown<br />
|Translation rate of Bxb1<br />
|Assumed<br />
|}<br />
<br />
We obtain the following set of differential equations:<br />
<br />
$$\begin{align*}<br />
\frac{d[Bxb1]}{dt} &= k_{mRNA_{Bxb1}}*(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n})- 2 k_{DBxb1}*[Bxb1]^2 + 2k_{-DBxb1}*[DBxb1] - d_{Bxb1}*[Bxb1] \\<br />
\frac{d[DBxb1]}{dt} &= k_{DBxb1}*[Bxb1]^2 - k_{-DBxb1}*[DBxb1] - k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] + k_{-SABxb1}*[SA_{Bxb1}] - d_{DBxb1}*[DBxb1] \\<br />
\frac{d[SA_{Bxb1}]}{dt} &= k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] - k_{-SABxb1}*[SA_{Bxb1}]<br />
\end{align*}$$<br />
<br />
=== Assumptions ===<br />
;'''Assumption A'''<br />
:The back-reaction from DBxb1 binding to the inactive site state is considered to be negligible compared to the flipping rate. That is to say that once a site is active, it can only be flipped. Thus, an active site would only be a transitional state in our whole cell model. As the flipping is not modeled in our integrase subsystem, active sites are not transformed into flipped sites at the end of the information pipeline. Thus, we consider that we can express the switching rate given active site concentration.<br />
<br />
;'''Assumption B'''<br />
:As switching needs two active sites to be effective (for more information on flipping, check the [https://2014.igem.org/Team:ETH_Zurich/modeling/xor XOR gate page]), the switching rate is approximated to: $${\left(\frac{SA_{Bxb1}}{S_{TOT}}\right)}^2$$ This approximation is understated by probabilistic considerations.<br />
<br />
;'''Assumption C'''<br />
:Given the normalization of the paper, basal rate of production of Bxb1 is not taken into account. Thus, we consider that $$A_L = 0$$<br />
<br />
;'''Assumption D'''<br />
:The activation by aTc is assumed to be dominant over degradation and dimerization of Bxb1. It is supposed to be valid on the range of aTc concentration considered.<br />
$$\frac{k_{mRNA_{Bxb1}}*\left(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n}\right)}{d_{Bxb1}K'_{DBxb1}} >> 1<br />
$$ <br />
with <br />
$$K'_{DBxb1} = \frac{k_{-DBxb1} + d_{DBxb1}}{k_{DBxb1}}<br />
$$<br />
<br />
<br/><br />
<br />
=== Parameter fitting ===<br />
We consider the system at steady-state. After derivation, the following explicit equation can be retrieved:<br />
<br />
$$[SR]_{qss} = {\left(\frac{B_{L} * [aTc]^{n}}{ \lambda_1 K_L^{n} + (B_{L} +\lambda_1) [aTc]^{n}}\right)}^2 $$<br />
<br />
where<br />
$$ \lambda_1 = \frac{2*d_{Bxb1}*K_{SABxb1}}{k_{mRNA_{Bxb1}}} ; K_{SABxb1} = \frac{k_{-SABxb1}}{k_{SABxb1}} $$<br />
<br />
Using the Least Absolute Residual method, we determined the lumped parameter λ<sub>1</sub>. Here is the value with its 95% confidence bounds:<br />
<br />
$$\lambda_1 = 1.82e-07 (1.649e-07, 1.992e-07)$$<br />
<br />
[[File:ETH Zurich Integrase SR1.png|center|800px|thumb|'''Figure 3''' Parameter fitting of the dissociation rate constant of K<sub>SABxb1</sub>]]<br />
<br />
We assume that:<br />
* d<sub>Bxb1</sub> corresponds to the order of magnitude of 10<sup>-2</sup> min<sup>-1</sup>, as most of the protein in ''E. coli'' <sup>[[Team:ETH_Zurich/project/references#refDegProtein|[17]]]</sup>.<br />
* k<sub>mRNA<sub>Bxb1</sub></sub> is of the order of magnitude 10<sup>-1</sup> min<sup>-1</sup> mRNA<sup>-1</sup>. We estimated to be a low value because the starting codon of Bxb1 is GTG (and not ATG) and this parameter also takes into account folding time.<br />
<br />
Thus, '''K<sub>SABxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM'''. The interpretation of this dissociation constant, K<sub>SABxb1</sub>, is that the DNA binding reaction is really specific, as it can be expected for integrases.<br />
<br />
By assuming that k<sub>SABxb1</sub>, the rate of formation of SA<sub>Bxb1</sub>, is not rate limiting and fixing it to 1, we find that k<sub>-SABxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Parameters2"></html><br />
<br />
== Characterization of the dimerization reaction==<br />
<br />
<br />
=== Data ===<br />
The parameter fitting is based on data from Bonnet's paper<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>. Their experimental setup is different from ours. However, they experimentally retrieve a transfer function between aTc and Bxb1 switching rate. Here is the figure of interest in our case.<br />
<br />
[[File:ETH Zurich Bonnet S4.jpg|center|400px|thumb|'''Figure 4''' Transfer function from aTc to Bxb1. The experimental data corresponds to the points. They fitted this data with their own model. Supplementary figure S4 of Bonnet's paper ''Amplifying Genetic Logic Gates''<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>]]<br />
<br />
We do the same modeling steps, as for the [https://2014.igem.org/Team:ETH_Zurich/modeling/int#Characterization:_KSABxb1 previous characterization].Thus, we obtain the following set of differential equations:$$\begin{align*}<br />
\frac{d[Bxb1]}{dt} &= a_{}*(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n})- 2 k_{DBxb1}*[Bxb1]^2 + 2k_{-DBxb1}*[DBxb1] - d_{Bxb1}*[Bxb1] \\<br />
\frac{d[DBxb1]}{dt} &= k_{DBxb1}*[Bxb1]^2 - k_{-DBxb1}*[DBxb1] - k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] + k_{-SABxb1}*[SA_{Bxb1}] - d_{DBxb1}*[DBxb1] \\<br />
\frac{d[SA_{Bxb1}]}{dt} &= k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] - k_{-SABxb1}*[SA_{Bxb1}]<br />
\end{align*}$$<br />
<br />
=== Assumptions ===<br />
<br />
We keep the following assumptions from the previous characterization: '''assumption A''', '''assumption B''' and '''assumption C'''. A assumption is made:<br />
<br />
;'''Assumption E'''<br />
:We neglect the degradation rate of DBxb1, d<sub>DBxb1</sub>, with respect to the dimerization reaction.<br />
<br />
<br/><br />
<br />
=== Parameter fitting ===<br />
We consider the system at steady-state. After derivation, the following explicit equation can be retrieved:<br />
<br />
$$[SR]_ = {(\frac{(B_{L} * [aTc]^{n})^2}{((B_{L} * [aTc]^{n})^2 + \lambda_2 * \lambda_1 (K_{L}^{n} + [aTc]^{n})^2))}})^2$$<br />
<br />
where<br />
$$ \lambda_1 = \frac{2*d_{Bxb1}*K_{SABxb1}}{k_{mRNA_{Bxb1}}} ; \lambda_2 = \frac{d_{Bxb1}*K_{SABxb1}}{2 *k_{mRNA_{Bxb1}}}; K_{DBxb1} = \frac{k_{-DBxb1}}{k_{DBxb1}}; K_{SABxb1} = \frac{k_{-SABxb1}}{k_{SABxb1}} $$<br />
<br />
As the value of λ<sub>1</sub> was derived in the previous characterization step, we use the Least Absolute Residual method to determine the lumped parameter λ<sub>2</sub>. Here is the value with its 95% confidence bounds:<br />
<br />
$$\lambda_2 = 8.211e-07 (7.421e-07, 9.001e-07))$$<br />
<br />
[[File:ETH Zurich Integrase SR2.png|center|800px|thumb|'''Figure 5''' Parameter fitting of the dissociation rate constant of K<sub>DBxb1</sub>]]<br />
<br />
We assume that:<br />
* d<sub>Bxb1</sub> corresponds to the order of magnitude of 10<sup>-2</sup> min<sup>-1</sup>, as most of the protein in ''E. coli'' <sup>[[Team:ETH_Zurich/project/references#refDegProtein|[17]]]</sup>.<br />
* k<sub>mRNA<sub>Bxb1</sub></sub> is of the order of magnitude 10<sup>-1</sup> min<sup>-1</sup> mRNA<sup>-1</sup>. We estimated to be a low value because the starting codon of Bxb1 is GTG (and not ATG) and this parameter also takes into account folding time.<br />
<br />
Thus, '''K<sub>DBxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM'''. The interpretation of this dissociation rate constant is that the dimerization reaction is really specific, as it can be expected for integrases.<br />
<br />
By assuming that k<sub>DBxb1</sub>, the rate of formation of D<sub>Bxb1</sub>, is not rate limiting and fixing it to 1, we find that k<sub>-DBxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM.<br />
<br />
<html></article></html><br />
<br />
<br />
<html><article id="Results"></html><br />
<br />
==Results==<br />
<br />
The figures show the predicted transfer function for the ratios of active sites of Bxb1 (SA<sub>Bxb1</sub>) to total number of sites (SBxb1<sub>TOT</sub>) and active sites of ΦC31 (SA<sub>ΦC31</sub>) to total number of sites (SΦC31<sub>TOT</sub>) as a function of their respective integrase concentrations based on the fitted parameters. With the fitted parameters, we found the Km value to be 10 nM.<br />
<br />
[[File:ETHZ_Integrase_Bxb1.jpg|500px|center|thumb|'''Figure 6''' Predicted transfer function for Bxb1 module.]]<br />
[[File:ETHZ_Integrase_Pc31.jpg|500px|center|thumb|'''Figure 7''' Predicted transfer function for ΦC31 module.]]<br />
<br />
<html></article></html><br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/modeling/int
Team:ETH Zurich/modeling/int
2014-10-18T01:00:20Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Integrases}}<br />
{{:Team:ETH Zurich/tpl/fortables}}<br />
<br />
<center><br />
{{:Team:ETH Zurich/tpl/scrollbutton3|Model|green}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Unknown|Parameters|red}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Parameter|Fitting|blue}}<br />
{{:Team:ETH Zurich/tpl/scrollbutton3|Results|green}}<br />
</center><br />
<br />
<html><article id="Model"></html><br />
== Model ==<br />
<br />
In our design, integrases compute the output of the logic gates. Integrases allow flipping one fragment of DNA. Therefore, they are of central importance to our design. However, their characterization in literature<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup> is incomplete. In particular, quantitative insight into dimerization rates and DNA-binding rates is lacking. Such data is however necessary in order to be able to set up a mathematical model to describe the overall Mosai''coli'' process. Thus, we decided to estimate the missing parameters from published from published experiments based on a model that we developed ourselves.<br />
<br/><br />
<br/><br />
<br />
=== Chemical Species ===<br />
<br />
{| class="wikitable"<br />
|-<br />
! '''Name'''<br />
! Description<br />
|-<br />
|'''Bxb1'''<br />
|Serine integrase that can fold into two conformations - Bxb1a and Bxb1b. We chose to use a common connotation for both conformations - Bxb1.<br />
|-<br />
|'''ΦC31'''<br />
|Serine integrase that can fold into two conformations - ΦC31a and ΦC31b. We chose to use a common connotation for both conformations - ΦC31.<br />
|-<br />
|'''DBxb1'''<br />
|Dimerized form of Bxb1. We chose to use a common connotation for both homodimers, DBxb1a and DBxb1b.<br />
|-<br />
|'''DΦC31'''<br />
|Dimerized form of ΦC31. We chose to use a common connotation for both homodimers, DΦC31a and DΦC31b.<br />
|}<br />
<br />
<br/><br />
<br />
=== Modeling DNA-binding sites ===<br />
Each dimer of integrases can specifically bind to a DNA binding site. As the flipping is irreversible, these DNA binding sites can be in three possible states: <br />
<br />
* SI<sub>IntegraseName</sub>: inactive DNA binding site. No dimer is bound to this site, which has never been flipped.<br />
<br />
* SA<sub>IntegraseName</sub>: active DNA binding site. A dimer is bound to this site.<br />
<br />
* SF<sub>IntegraseName</sub>: flipped DNA binding site. This site has been irreversibly flipped.<br />
<br />
[[File:ETH_Zurich_Integrases_sites.png|center|800px|thumb|'''Figure 1''' The three different states of DBxb1-DNA binding sites.]]<br />
<br />
=== Reactions ===<br />
<br />
;For Bxb1:<br />
$$ \begin{align}<br />
Bxb1 + Bxb1 &\leftrightarrow DBxb1 \\<br />
DBxb1 + SI_{Bxb1} & \leftrightarrow SA_{Bxb1}\\<br />
Bxb1 &\rightarrow \\<br />
DBxb1 &\rightarrow<br />
\end{align}$$<br />
<br />
;For ΦC31:<br />
\begin{align}<br />
\phi C31 + \phi C31 &\leftrightarrow D\phi C 31 \\<br />
D\phi C 31 + SI_{\phi C31} & \leftrightarrow SA_{\phi C31}\\<br />
\phi C31 &\rightarrow \\<br />
D\phi C31 &\rightarrow <br />
\end{align}<br />
<br />
=== Differential Equations ===<br />
<br />
Applying mass action kinetic laws, we obtain the following set of differential equations for Bxb1.<br />
<br />
$$\frac{d[Bxb1]}{dt}=-2 k_{DBxb1}[Bxb1]^2+ 2 k_{-DBxb1}[DBxb1]-d_{Bxb1}[Bxb1]$$<br />
<br />
$$\frac{d[DBxb1]}{dt}=-k_{SABxb1}[DBxb1][SI_{Bxb1}]+k_{-SABxb1}[SA_{Bxb1}]+k_{DBxb1}[Bxb1]^2-k_{-DBxb1}[DBxb1]-d_{DBxb1}[DBxb1]$$<br />
<br />
$$\frac{d[SA_{Bxb1}]}{dt}=k_{SABxb1}[DBxb1][SI_{Bxb1}]-k_{-SABxb1}[SA_{Bxb1}]$$<br />
<br />
Replacing every occurence of Bxb1 by ΦC31 gives the set of differential equations for ΦC31.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Unknown"></html><br />
== State of the Art ==<br />
{| class="wikitable"<br />
|-<br />
! '''Name'''<br />
! Description<br />
! Status from literature<br />
! Status after characterization<br />
|-<br />
|'''k<sub>DBxb1</sub>'''<br />
|Dimerization rate of Bxb1<br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>-DBxb1</sub>'''<br />
|Dissociation rate of DBxb1<br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>SABxb1</sub>'''<br />
|Rate of formation of SA<sub>Bxb1</sub> from DBxb1 and SI<sub>Bxb1</sub><br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''k<sub>-SABxb1</sub>'''<br />
|Dissociation rate of SA<sub>Bxb1</sub><br />
|Unknown<br />
|Fitted with Bonnet's data<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup><br />
|-<br />
|'''d<sub>Bxb1</sub>'''<br />
|Degradation rate of Bxb1<br />
|Unknown<br />
|Assumed<br />
|-<br />
|'''d<sub>DBxb1</sub>'''<br />
|Degradation rate of DBxb1<br />
|Unknown<br />
|Assumed<br />
|}<br />
<br />
Replacing every occurence of Bxb1 by ΦC31 gives the set of parameters for ΦC31. The same status can be applied to those parameters. <br />
<br/><br />
<br/><br />
Even if degradation rates were not determined specifically for the serine integrases and their dimerized form, degradation rates of proteins in ''E. coli'' are available. We assume that the degradation rates of dimerized forms are two times higher than the degradation rates of monomers. Typically, d<sub>DBxb1</sub> = 2*d<sub>Bxb1</sub> To characterize integrase behavior, we focus on finding the parameters for dimerization and DNA-binding.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Parameter"></html><br />
<br />
== Characterization of the integrase DNA-binding reaction==<br />
<br />
=== Data ===<br />
The parameter fitting is based on data from Bonnet's paper<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>. Their experimental setup is different from ours. However, they experimentally retrieve a transfer function between aTc and Bxb1 switching rate. Here is the figure of interest in our case.<br />
<br />
[[File:ETH Zurich Bonnet S4.jpg|center|400px|thumb|'''Figure 2''' Transfer function from aTc to Bxb1. The experimental data corresponds to the points. They fitted this data with their own model. Supplementary figure S4 of Bonnet's paper ''Amplifying Genetic Logic Gates''<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>.]]<br />
<br />
To use their experimental data, we have to model their induction mechanism using aTc. We use a simplified version of this phenomenon proposed by the [https://2013.igem.org/Team:UCSF 2013 iGEM team UCSF]. They modeled the induction with aTc as a leaky Hill function. In the following table are the set of parameters introduced to model induction.<br />
<br />
{| class="wikitable"<br />
|-<br />
!'''Name'''<br />
!Value<br />
!Description<br />
!Reference<br />
|-<br />
|'''A<sub>L</sub>'''<br />
|8.904 mRNA min<sup>-1</sup><br />
|Basal expression level of tet promoter<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''B<sub>L</sub>'''<br />
|443.7 mRNA min<sup>-1</sup><br />
|Maximal expresion level of tet promoter<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''n'''<br />
|2.551 (no units)<br />
|Hill exponent<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''K<sub>L</sub>'''<br />
|11.45 µmoles<br />
|Half-maximal effective concentration of aTc<br />
|[[https://2013.igem.org/Team:UCSF/Modeling 2013 iGEM team UCSF]]<br />
|-<br />
|'''k<sub>mRNA<sub>Bxb1</sub></sub>'''<br />
|Unknown<br />
|Translation rate of Bxb1<br />
|Assumed<br />
|}<br />
<br />
We obtain the following set of differential equations:<br />
<br />
$$\begin{align*}<br />
\frac{d[Bxb1]}{dt} &= k_{mRNA_{Bxb1}}*(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n})- 2 k_{DBxb1}*[Bxb1]^2 + 2k_{-DBxb1}*[DBxb1] - d_{Bxb1}*[Bxb1] \\<br />
\frac{d[DBxb1]}{dt} &= k_{DBxb1}*[Bxb1]^2 - k_{-DBxb1}*[DBxb1] - k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] + k_{-SABxb1}*[SA_{Bxb1}] - d_{DBxb1}*[DBxb1] \\<br />
\frac{d[SA_{Bxb1}]}{dt} &= k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] - k_{-SABxb1}*[SA_{Bxb1}]<br />
\end{align*}$$<br />
<br />
=== Assumptions ===<br />
;'''Assumption A'''<br />
:The back-reaction from DBxb1 binding to the inactive site state is considered to be negligible compared to the flipping rate. That is to say that once a site is active, it can only be flipped. Thus, an active site would only be a transitional state in our whole cell model. As the flipping is not modeled in our integrase subsystem, active sites are not transformed into flipped sites at the end of the information pipeline. Thus, we consider that we can express the switching rate given active site concentration.<br />
<br />
;'''Assumption B'''<br />
:As switching needs two active sites to be effective (for more information on flipping, check the [https://2014.igem.org/Team:ETH_Zurich/modeling/xor XOR gate page]), the switching rate is approximated to: $${\left(\frac{SA_{Bxb1}}{S_{TOT}}\right)}^2$$ This approximation is understated by probabilistic considerations.<br />
<br />
;'''Assumption C'''<br />
:Given the normalization of the paper, basal rate of production of Bxb1 is not taken into account. Thus, we consider that $$A_L = 0$$<br />
<br />
;'''Assumption D'''<br />
:The activation by aTc is assumed to be dominant over degradation and dimerization of Bxb1. It is supposed to be valid on the range of aTc concentration considered.<br />
$$\frac{k_{mRNA_{Bxb1}}*\left(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n}\right)}{d_{Bxb1}K'_{DBxb1}} >> 1<br />
$$ <br />
with <br />
$$K'_{DBxb1} = \frac{k_{-DBxb1} + d_{DBxb1}}{k_{DBxb1}}<br />
$$<br />
<br />
<br/><br />
<br />
=== Parameter fitting ===<br />
We consider the system at steady-state. After derivation, the following explicit equation can be retrieved:<br />
<br />
$$[SR]_{qss} = {\left(\frac{B_{L} * [aTc]^{n}}{ \lambda_1 K_L^{n} + (B_{L} +\lambda_1) [aTc]^{n}}\right)}^2 $$<br />
<br />
where<br />
$$ \lambda_1 = \frac{2*d_{Bxb1}*K_{SABxb1}}{k_{mRNA_{Bxb1}}} ; K_{SABxb1} = \frac{k_{-SABxb1}}{k_{SABxb1}} $$<br />
<br />
Using the Least Absolute Residual method, we determined the lumped parameter λ<sub>1</sub>. Here is the value with its 95% confidence bounds:<br />
<br />
$$\lambda_1 = 1.82e-07 (1.649e-07, 1.992e-07)$$<br />
<br />
[[File:ETH Zurich Integrase SR1.png|center|800px|thumb|'''Figure 3''' Parameter fitting of the dissociation rate constant of K<sub>SABxb1</sub>]]<br />
<br />
We assume that:<br />
* d<sub>Bxb1</sub> corresponds to the order of magnitude of 10<sup>-2</sup> min<sup>-1</sup>, as most of the protein in ''E. coli'' <sup>[[Team:ETH_Zurich/project/references#refDegProtein|[17]]]</sup>.<br />
* k<sub>mRNA<sub>Bxb1</sub></sub> is of the order of magnitude 10<sup>-1</sup> min<sup>-1</sup> mRNA<sup>-1</sup>. We estimated to be a low value because the starting codon of Bxb1 is GTG (and not ATG) and this parameter also takes into account folding time.<br />
<br />
Thus, '''K<sub>SABxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM'''. The interpretation of this dissociation constant, K<sub>SABxb1</sub>, is that the DNA binding reaction is really specific, as it can be expected for integrases.<br />
<br />
By assuming that k<sub>SABxb1</sub>, the rate of formation of SA<sub>Bxb1</sub>, is not rate limiting and fixing it to 1, we find that k<sub>-SABxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM.<br />
<br />
<html></article></html><br />
<br />
<html><article id="Parameters2"></html><br />
<br />
== Characterization of the dimerization reaction==<br />
<br />
<br />
=== Data ===<br />
The parameter fitting is based on data from Bonnet's paper<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>. Their experimental setup is different from ours. However, they experimentally retrieve a transfer function between aTc and Bxb1 switching rate. Here is the figure of interest in our case.<br />
<br />
[[File:ETH Zurich Bonnet S4.jpg|center|400px|thumb|'''Figure 4''' Transfer function from aTc to Bxb1. The experimental data corresponds to the points. They fitted this data with their own model. Supplementary figure S4 of Bonnet's paper ''Amplifying Genetic Logic Gates''<sup>[[Team:ETH_Zurich/project/references|[9]]]</sup>]]<br />
<br />
We do the same modeling steps, as for the [https://2014.igem.org/Team:ETH_Zurich/modeling/int#Characterization:_KSABxb1 previous characterization].Thus, we obtain the following set of differential equations:$$\begin{align*}<br />
\frac{d[Bxb1]}{dt} &= a_{}*(A_L + B_L * \frac{[aTc]^n}{[aTc]^n+K_L^n})- 2 k_{DBxb1}*[Bxb1]^2 + 2k_{-DBxb1}*[DBxb1] - d_{Bxb1}*[Bxb1] \\<br />
\frac{d[DBxb1]}{dt} &= k_{DBxb1}*[Bxb1]^2 - k_{-DBxb1}*[DBxb1] - k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] + k_{-SABxb1}*[SA_{Bxb1}] - d_{DBxb1}*[DBxb1] \\<br />
\frac{d[SA_{Bxb1}]}{dt} &= k_{SABxb1}*[DBxb1]*[SI_{Bxb1}] - k_{-SABxb1}*[SA_{Bxb1}]<br />
\end{align*}$$<br />
<br />
=== Assumptions ===<br />
;'''Assumption A'''<br />
:The back-reaction from DBxb1 binding to site inactive is considered to be negligible, compared to the flipping rate. That is to say that once a site is active, it can only be flipped. Thus, an active site would only be a transitional state in our whole cell model. As the flipping is not modeled in our integrase subsystem, active sites are not transformed into flipped sites at the end of the information pipeline. Thus, we consider that we can express the switching rate given active site concentration.<br />
<br />
;'''Assumption B'''<br />
:As switching needs two active sites to be effective (for more information on flipping, check the [https://2014.igem.org/Team:ETH_Zurich/modeling/xor XOR gate page]), the switching rate is approximated to: $${(\frac{SA_{Bxb1}}{S_{TOT}})}^2$$ This approximation is understated by statistical considerations.<br />
<br />
;'''Assumption C'''<br />
:Given the normalization of the paper, basal rate of production of Bxb1 is not taken into account. Thus, we consider that $$A_L = 0$$<br />
<br />
;'''Assumption E'''<br />
:We neglect the degradation rate of DBxb1, d<sub>DBxb1</sub>, with respect to the dimerization reaction.<br />
<br />
<br/><br />
<br />
=== Parameter fitting ===<br />
We consider the system at steady-state. After derivation, the following explicit equation can be retrieved:<br />
<br />
$$[SR]_ = {(\frac{(B_{L} * [aTc]^{n})^2}{((B_{L} * [aTc]^{n})^2 + \lambda_2 * \lambda_1 (K_{L}^{n} + [aTc]^{n})^2))}})^2$$<br />
<br />
where<br />
$$ \lambda_1 = \frac{2*d_{Bxb1}*K_{SABxb1}}{k_{mRNA_{Bxb1}}} ; \lambda_2 = \frac{d_{Bxb1}*K_{SABxb1}}{2 *k_{mRNA_{Bxb1}}}; K_{DBxb1} = \frac{k_{-DBxb1}}{k_{DBxb1}}; K_{SABxb1} = \frac{k_{-SABxb1}}{k_{SABxb1}} $$<br />
<br />
As the value of λ<sub>1</sub> was derived in the previous characterization step, we use the Least Absolute Residual method to determine the lumped parameter λ<sub>2</sub>. Here is the value with its 95% confidence bounds:<br />
<br />
$$\lambda_2 = 8.211e-07 (7.421e-07, 9.001e-07))$$<br />
<br />
[[File:ETH Zurich Integrase SR2.png|center|800px|thumb|'''Figure 5''' Parameter fitting of the dissociation rate constant of K<sub>DBxb1</sub>]]<br />
<br />
We assume that:<br />
* d<sub>Bxb1</sub> corresponds to the order of magnitude of 10<sup>-2</sup> min<sup>-1</sup>, as most of the protein in ''E. coli'' <sup>[[Team:ETH_Zurich/project/references#refDegProtein|[17]]]</sup>.<br />
* k<sub>mRNA<sub>Bxb1</sub></sub> is of the order of magnitude 10<sup>-1</sup> min<sup>-1</sup> mRNA<sup>-1</sup>. We estimated to be a low value because the starting codon of Bxb1 is GTG (and not ATG) and this parameter also takes into account folding time.<br />
<br />
Thus, '''K<sub>DBxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM'''. The interpretation of this dissociation rate constant is that the dimerization reaction is really specific, as it can be expected for integrases.<br />
<br />
By assuming that k<sub>DBxb1</sub>, the rate of formation of D<sub>Bxb1</sub>, is not rate limiting and fixing it to 1, we find that k<sub>-DBxb1</sub>'s order of magnitude is 10<sup>-6</sup> nM.<br />
<br />
<html></article></html><br />
<br />
<br />
<html><article id="Results"></html><br />
<br />
==Results==<br />
<br />
The figures show the predicted transfer function for the ratios of active sites of Bxb1 (SA<sub>Bxb1</sub>) to total number of sites (SBxb1<sub>TOT</sub>) and active sites of ΦC31 (SA<sub>ΦC31</sub>) to total number of sites (SΦC31<sub>TOT</sub>) as a function of their respective integrase concentrations based on the fitted parameters. With the fitted parameters, we found the Km value to be 10 nM.<br />
<br />
[[File:ETHZ_Integrase_Bxb1.jpg|500px|center|thumb|'''Figure 6''' Predicted transfer function for Bxb1 module.]]<br />
[[File:ETHZ_Integrase_Pc31.jpg|500px|center|thumb|'''Figure 7''' Predicted transfer function for ΦC31 module.]]<br />
<br />
<html></article></html><br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/expresults
Team:ETH Zurich/expresults
2014-10-18T00:49:31Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH_Zurich/tpl/head|Results}}<br />
<html> <style> <br />
<br />
td>a>img:hover{<br />
color:#FFFFFF;<br />
opacity:0.5;<br />
}<br />
td{<br />
vertical-align:middle!important;<br />
}<br />
td>a>img{<br />
display:inline;<br />
}<br />
</style> </html><br />
<br />
<center><br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Diffusion|on Chip|green}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Quorum|Sensing|blue}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Ribo-|regulators|red}}<br />
{{:Team:ETH Zurich/tpl/scrollbutton2|Integrases|green}}<br />
</center><br />
<br />
<html><article id='Diffusion'></html><br />
{{:Team:ETH_Zurich/expresults/diffusion}}<br />
<html></article></html><br />
<html><article id='Quorum'></html><br />
{{:Team:ETH_Zurich/expresults/qs}}<br />
<html></article></html><br />
<br />
<html><article id='Ribo-'></html><br />
{{:Team:ETH_Zurich/expresults/rr}}<br />
<html></article></html><br />
<br />
<html><article id='Integrases'></html><br />
{{:Team:ETH_Zurich/expresults/integrases}}<br />
<html></article></html><br />
<br />
{{:Team:ETH_Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/expresults
Team:ETH Zurich/expresults
2014-10-18T00:48:46Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH_Zurich/tpl/head|Results}}<br />
<html> <style> <br />
<br />
td>a>img:hover{<br />
color:#FFFFFF;<br />
opacity:0.5;<br />
}<br />
td{<br />
vertical-align:middle!important;<br />
}<br />
td>a>img{<br />
display:inline;<br />
}<br />
</style> </html><br />
<br />
<center><br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Diffusion|on Chip|green}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Quorum|Sensing|blue}}<br />
{{:Team:ETH Zurich/tpl/scrollbuttontworows|Ribo-|regulators|red}}<br />
{{:Team:ETH Zurich/tpl/scrollbutton2|Integrases|green}}<br />
</center><br />
<br />
<html><article id='Diffusion'></html><br />
{{:Team:ETH_Zurich/expresults/diffusion}}<br />
<html></article></html><br />
<html><article id='Ribo-'></html><br />
{{:Team:ETH_Zurich/expresults/qs}}<br />
<html></article></html><br />
<br />
<html><article id='Quorum'></html><br />
{{:Team:ETH_Zurich/expresults/rr}}<br />
<html></article></html><br />
<br />
<html><article id='Integrases'></html><br />
{{:Team:ETH_Zurich/expresults/integrases}}<br />
<html></article></html><br />
<br />
{{:Team:ETH_Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/labblog/20140829mod
Team:ETH Zurich/labblog/20140829mod
2014-10-18T00:38:26Z
<p>Eledieu: </p>
<hr />
<div><html><article class="mix modeling intmodule intmodule carousel parameter" id="intparam" date="20140829"></html><br />
<br />
== Integrase parameters == <br />
==== Friday, August 29th ====<br />
<br />
In order to predict accurately the experiments we designed, we defined two different strategies to retrieve parameters for the integrase system. <br />
<br />
<br><br />
As we did not find these parameters on the web, we used the data given by Bonnet et al.'s paper "Amplifying genetic logic gates" <sup>[[Team:ETH_Zurich/project/references#refEmergence|[9]]]</sup> . The figure S4 is particularly interesting, even if it does not give any information on the dynamics of the system. We modeled and wrote the equations corresponding to Bonnet's experiment. <br />
<br />
<br><br />
At first, we try to fit the dynamic parameters of the system with only the steady states values. To fit the parameters with the data, we first try to use a minimum search for the difference between the data and the parametric function. Then, using these first approximations, we tried to do a Markov Chain Monte Carlo approach to find a more suited curve. As these two methods are strongly prior dependent, we planned another step of screening in order to have meaningful results. However, our knowledge on the parameters, the number of data points compared to the high number of parameters did not give any meaningful results.<br />
<br />
<br><br />
We then decided to simplify our system :<br />
* We consider that Bxb1a and Bxb1b have the same behavior. Therefore, they don't appear as differentiated in our system anymore.<br />
* The paper uses the tet system to induce their system. This was modeled explicitly before. We approximated this part to a Hill function, which takes leakiness into consideration. The parameters for the Hill function are the result from a study of an other iGEM team UCSF from last year. Please visit <html> <a class="all" href="https://2013.igem.org/Team:UCSF/Modeling"> their page </a></html> for more information. The same biobrick is indeed used in their work and in Bonnet's paper.<br />
* We consider that the dimer of the integrase and the binding to DNA were at quasi steady-state.<br />
<br />
<br><br />
As we tried to fit the steady state, we obtained two different models, depending on which assumption we made. As these two models fit the Bonnet's curve well, we used them both to derive more precisely the dissociation constant of the dimerization reaction and the one of the DNA binding reaction. Each of them appear in one of the lumped parameters we fitted.<br />
<br />
[[File:ETH_Zurich_BonnetIntegraseParam1.png|700px|center|thumb|Fitting of the figure S4 from Bonnet's paper with the model 1. The assumption is a simplification of the expression of [Bxb1] after the derivation of the steady state.]]<br />
<br />
[[File:ETH_Zurich_BonnetIntegraseParam2.png|700px|center|thumb|Fitting of the figure S4 from Bonnet's paper with the model 1. The assumption is the fact that the degradation of the dimer of Bxb1 is neglected with respect to the dimerization reaction rate.]]<br />
<br />
By considering reasonable order of magnitude for other parameters present in the lumped parameters, we find that the value of the dissociation constants are both of the order of 10<sup>-4</sup>. This order of magnitude is not surprising at all, as we know that the binding of integrases to DNA is very specific (which is underlined by the low value of the dissociation constant of this reaction) and that integrases are more stable as dimer than as monomer.<br />
<br />
{{:Team:ETH Zurich/tpl/topbutton|blue}}<br />
{{:Team:ETH Zurich/tpl/rmbutton|blue|intparam}}<br />
<br />
<html> </article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/labblog/20140921mod
Team:ETH Zurich/labblog/20140921mod
2014-10-18T00:37:08Z
<p>Eledieu: Created page with "<html><article class="mix modeling edinburgh" id='edinburgh' date="20140615"></html> == Let a new collaboration begin! == ==== Sunday, September 21th ==== After discovering th..."</p>
<hr />
<div><html><article class="mix modeling edinburgh" id='edinburgh' date="20140615"></html><br />
<br />
== Let a new collaboration begin! == <br />
==== Sunday, September 21th ====<br />
<br />
After discovering the awesome video of the Edinburgh team on Twitter, we wanted to know more about their project. As it is clear that the three quorum sensing systems we consider are crosstalking, finding a team focused on the development on communication ways between bacteria was really interesting for us. Their topic is metabolic wiring. <br />
<br/><br />
<br/><br />
We had a Skype meeting with them this week to discuss about possible opportunities of collaboration. Given the stages of our experiments, we decided that a theoretical collaboration would be more plausible. Next step will be to talk about the models and design a set-up that could fit our two projects.<br />
<br />
<html></article></html></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/modeling/overview
Team:ETH Zurich/modeling/overview
2014-10-18T00:15:23Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Modeling overview}}<br />
<br />
<html><br />
<br />
<script type="text/javascript"><br />
(function($) {<br />
function img(url) {<br />
var i = new Image;<br />
i.src = url;<br />
return i;<br />
}<br />
<br />
if ('naturalWidth' in (new Image)) {<br />
$.fn.naturalWidth = function() { return this[0].naturalWidth; };<br />
$.fn.naturalHeight = function() { return this[0].naturalHeight; };<br />
return;<br />
}<br />
$.fn.naturalWidth = function() { return img(this[0].src).width; };<br />
$.fn.naturalHeight = function() { return img(this[0].src).height; };<br />
})(jQuery);<br />
<br />
<br />
<br />
function onWindowResize() <br />
{<br />
var curWidth = $(window).width(),<br />
curHeight = $(window).height(),<br />
checking=false;<br />
if (checking) {<br />
return;<br />
}<br />
checking = true;<br />
window.setTimeout(<br />
function() {<br />
var newWidth = $(window).width(),<br />
newHeight = $(window).height();<br />
if (!(newWidth !== curWidth ||<br />
newHeight !== curHeight)) {<br />
resize(false); <br />
}<br />
checking=false;<br />
}, 300);<br />
}<br />
<br />
function resize(initial) {<br />
if (!initial)<br />
{<br />
var container = $('#article');<br />
var imgWidth = container.width();<br />
<br />
$( "#map" ).each(function() {<br />
$(this).css('height', 'auto', 'width', 'auto');<br />
$(this).mapster('resize',Math.min(imgWidth, $(this).naturalWidth()) ,0,0); <br />
});<br />
}<br />
<br />
}<br />
<br />
<br />
$(document).ready(function(){<br />
<br />
$('#map').mapster({<br />
fillOpacity: 0.5,<br />
isSelectable: false,<br />
clickNavigate: true,<br />
mapKey: 'name',<br />
areas: [<br />
{<br />
key: "qs",<br />
fillColor: '2C2F3D'<br />
},<br />
<br />
{<br />
key: "integrases",<br />
fillColor: '2C2F3D'<br />
},<br />
<br />
{<br />
key: "xor",<br />
fillColor: '2C2F3D'<br />
},<br />
<br />
{<br />
key: "diff",<br />
fillColor: '2C2F3D'<br />
},<br />
<br />
{<br />
key: "cell",<br />
fillColor: 'FFFFFF'<br />
}<br />
]<br />
});<br />
<br />
<br />
<br />
<br />
$(window).resize(<br />
function()<br />
{ <br />
onWindowResize();<br />
});<br />
resize(true);<br />
});<br />
</script><br />
<br />
<article id="article"><br />
<center><br />
Our whole model is the result of separate studies for every module of the system. We started with mass action kinetics to model the reactions of all modules, and chose the proper approximations to fit parameters when they were unknown.<br />
The flow of the information is characterized by transfer functions. Click on the different modules to check out their precise characterization. For a global description of the whole cell model as a black box, click on Whole cell model.<br />
</center><br />
<br/><br />
<br/><br />
<center><br />
<img usemap="#map" id="map" src="/wiki/images/1/11/ETH_Zurich_Modeling-overview.png" style="width:100%;"/><br />
<map id="map" name="map"><area shape="rect" alt="" title="Diffusion model" coords="448,1,642,185" href="https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel" target="" name='diff' /><area shape="rect" name='qs' alt="" title="Quorum sensing module" coords="636,349,997,799" href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" target="" /><area shape="rect" name='integrases' alt="" title="Integrase module" coords="97,889,457,1339" href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" target="" /><area name='qs' shape="rect" alt="" title="Quorum sensing module" coords="97,349,456,798" href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" target="" /><area name='integrases' shape="rect" alt="" title="Integrase module" coords="636,889,997,1338" href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" target="" /><area shape="rect" name='xor' alt="" title="Xor gate module" coords="325,1446,770,1866" href="https://2014.igem.org/Team:ETH_Zurich/modeling/xor" target="" /><area name='cell' shape="rect" alt="" title="Whole cell model" coords="1,301,61,2037" href="https://2014.igem.org/Team:ETH_Zurich/modeling/whole" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map><br />
<br />
</center><br />
<br />
<br />
</article><br />
<br />
<br />
</html><br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/modeling/overview
Team:ETH Zurich/modeling/overview
2014-10-18T00:14:37Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Modeling overview}}<br />
<br />
<html><br />
<br />
<script type="text/javascript"><br />
(function($) {<br />
function img(url) {<br />
var i = new Image;<br />
i.src = url;<br />
return i;<br />
}<br />
<br />
if ('naturalWidth' in (new Image)) {<br />
$.fn.naturalWidth = function() { return this[0].naturalWidth; };<br />
$.fn.naturalHeight = function() { return this[0].naturalHeight; };<br />
return;<br />
}<br />
$.fn.naturalWidth = function() { return img(this[0].src).width; };<br />
$.fn.naturalHeight = function() { return img(this[0].src).height; };<br />
})(jQuery);<br />
<br />
<br />
<br />
function onWindowResize() <br />
{<br />
var curWidth = $(window).width(),<br />
curHeight = $(window).height(),<br />
checking=false;<br />
if (checking) {<br />
return;<br />
}<br />
checking = true;<br />
window.setTimeout(<br />
function() {<br />
var newWidth = $(window).width(),<br />
newHeight = $(window).height();<br />
if (!(newWidth !== curWidth ||<br />
newHeight !== curHeight)) {<br />
resize(false); <br />
}<br />
checking=false;<br />
}, 300);<br />
}<br />
<br />
function resize(initial) {<br />
if (!initial)<br />
{<br />
var container = $('#article');<br />
var imgWidth = container.width();<br />
<br />
$( "#map" ).each(function() {<br />
$(this).css('height', 'auto', 'width', 'auto');<br />
$(this).mapster('resize',Math.min(imgWidth, $(this).naturalWidth()) ,0,0); <br />
});<br />
}<br />
<br />
}<br />
<br />
<br />
$(document).ready(function(){<br />
<br />
$('#map').mapster({<br />
fillOpacity: 0.5,<br />
isSelectable: false,<br />
clickNavigate: true,<br />
mapKey: 'name',<br />
areas: [<br />
{<br />
key: "qs",<br />
fillColor: '2C2F3D'<br />
},<br />
<br />
{<br />
key: "integrases",<br />
fillColor: '2C2F3D'<br />
},<br />
<br />
{<br />
key: "xor",<br />
fillColor: '2C2F3D'<br />
},<br />
<br />
{<br />
key: "diff",<br />
fillColor: '2C2F3D'<br />
},<br />
<br />
{<br />
key: "cell",<br />
fillColor: 'FFFFFF'<br />
}<br />
]<br />
});<br />
<br />
<br />
<br />
<br />
$(window).resize(<br />
function()<br />
{ <br />
onWindowResize();<br />
});<br />
resize(true);<br />
});<br />
</script><br />
<br />
<article id="article"><br />
Our whole model is the result of separate studies for every module of the system. We started with mass action kinetics to model the reactions of all modules, and chose the proper approximations to fit parameters when they were unknown.<br />
The flow of the information is characterized by transfer functions. Click on the different modules to check out their precise characterization. For a global description of the whole cell model as a black box, click on Whole cell model.<br />
<br/><br />
<br/><br />
<center><br />
<img usemap="#map" id="map" src="/wiki/images/1/11/ETH_Zurich_Modeling-overview.png" style="width:100%;"/><br />
<map id="map" name="map"><area shape="rect" alt="" title="Diffusion model" coords="448,1,642,185" href="https://2014.igem.org/Team:ETH_Zurich/modeling/diffmodel" target="" name='diff' /><area shape="rect" name='qs' alt="" title="Quorum sensing module" coords="636,349,997,799" href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" target="" /><area shape="rect" name='integrases' alt="" title="Integrase module" coords="97,889,457,1339" href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" target="" /><area name='qs' shape="rect" alt="" title="Quorum sensing module" coords="97,349,456,798" href="https://2014.igem.org/Team:ETH_Zurich/modeling/qs" target="" /><area name='integrases' shape="rect" alt="" title="Integrase module" coords="636,889,997,1338" href="https://2014.igem.org/Team:ETH_Zurich/modeling/int" target="" /><area shape="rect" name='xor' alt="" title="Xor gate module" coords="325,1446,770,1866" href="https://2014.igem.org/Team:ETH_Zurich/modeling/xor" target="" /><area name='cell' shape="rect" alt="" title="Whole cell model" coords="1,301,61,2037" href="https://2014.igem.org/Team:ETH_Zurich/modeling/whole" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map><br />
<br />
</center><br />
<br />
<br />
</article><br />
<br />
<br />
</html><br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/File:ETH_Zurich_Modeling-overview.png
File:ETH Zurich Modeling-overview.png
2014-10-18T00:11:30Z
<p>Eledieu: uploaded a new version of &quot;File:ETH Zurich Modeling-overview.png&quot;</p>
<hr />
<div></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:44:05Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<center><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
</center><br />
<html><br />
<br />
<div class="inner"><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|srcWEBM=<html>/wiki/images/0/07/ETH_Zurich_2014_ColinandSally.webm</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
<br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:43:26Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<center><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
</center><br />
<html><br />
<div class='homepage'><br />
<div class="inner" id='header'><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|srcWEBM=<html>/wiki/images/0/07/ETH_Zurich_2014_ColinandSally.webm</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
</div><br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:41:57Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<center><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
</center><br />
<html><br />
<div class="inner homepage" id='header'><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/css/style.css
Team:ETH Zurich/css/style.css
2014-10-17T23:41:48Z
<p>Eledieu: </p>
<hr />
<div>@charset 'UTF-8';<br />
<br />
/*<br />
Helios 1.5 by HTML5 UP<br />
html5up.net | @n33co<br />
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)<br />
*/<br />
<br />
/*********************************************************************************/<br />
/* Basic */<br />
/*********************************************************************************/<br />
<br />
pre<br />
{<br />
background-color:#FFFFFF !important;<br />
}<br />
<br />
body.paused *<br />
{<br />
-moz-transition: none;<br />
-webkit-transition: none;<br />
-o-transition: none;<br />
-ms-transition: none;<br />
transition: none;<br />
}<br />
<br />
body<br />
{<br />
background: #f0f4f4;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
center p<br />
{<br />
text-align:center;<br />
}<br />
<br />
body,input,textarea,select<br />
{<br />
font-size: 12pt;<br />
line-height: 1.85em;<br />
}<br />
<br />
.thumb<br />
{<br />
max-height:90%;<br />
max-width:90%;<br />
}<br />
<br />
.thumbimage, .thumbinner, .image<br />
{<br />
max-height:100%;<br />
max-width:100%;<br />
}<br />
<br />
div<br />
{<br />
max-width:100%;<br />
}<br />
<br />
img<br />
{<br />
max-width:100%;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6<br />
{<br />
font-weight: 400;<br />
color: #483949;<br />
line-height: 1.25em;<br />
}<br />
<br />
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a<br />
{<br />
color: #002bb8;<br />
text-decoration: none;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong<br />
{<br />
font-weight: 600;<br />
}<br />
<br />
h2<br />
{<br />
font-size: 2em;<br />
}<br />
<br />
h3<br />
{<br />
font-size: 1.2em;<br />
text-align:left;<br />
margin-top:1.3em;<br />
margin-bottom:1.2em !important;<br />
font-weight:800;<br />
}<br />
<br />
h4<br />
{<br />
font-size: 1em;<br />
text-align: left;<br />
font-style: italic;<br />
}<br />
<br />
h5<br />
{<br />
font-size: 1.2em;<br />
text-align:center;<br />
} <br />
.byline<br />
{<br />
display: block;<br />
font-size: 1.5em;<br />
margin-top: 1em;<br />
line-height: 1.5em;<br />
color:#fff;<br />
}<br />
<br />
strong<br />
{<br />
font-weight: 400;<br />
color: #FF0000;<br />
}<br />
<br />
b<br />
{<br />
font-weight: 800;<br />
}<br />
<br />
em, i<br />
{<br />
font-style: italic;<br />
}<br />
<br />
a<br />
{<br />
text-decoration: none;<br />
-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
}<br />
<br />
a:hover<br />
{<br />
color: #ef8376;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
sub<br />
{<br />
position: relative;<br />
top: 0.5em;<br />
font-size: 0.8em;<br />
}<br />
<br />
sup<br />
{<br />
position: relative;<br />
top: -0.5em;<br />
font-size: 0.8em;<br />
}<br />
<br />
blockquote<br />
{<br />
border-left: solid 0.5em #ddd;<br />
padding: 1em 0 1em 2em;<br />
font-style: italic;<br />
}<br />
<br />
ul, ol, dl, table<br />
{<br />
margin-bottom: 1em;<br />
font-size:12pt;<br />
}<br />
<br />
ol<br />
{ <br />
list-style-type:decimal;<br />
text-align:left;<br />
list-style-position: inside;<br />
}<br />
<br />
p<br />
{<br />
color: #000000;<br />
text-align: justify;<br />
font-size: 12pt;<br />
}<br />
<br />
br.clear<br />
{<br />
clear: both;<br />
}<br />
<br />
header<br />
{<br />
margin: 0 0 1em 0;<br />
}<br />
<br />
header .byline<br />
{<br />
margin-bottom: 2em;<br />
color:#fff;<br />
}<br />
<br />
footer<br />
{<br />
margin: 2.5em 0 0 0;<br />
}<br />
<br />
hr<br />
{<br />
position: relative;<br />
display: block;<br />
top: 4.5em;<br />
margin-bottom: 9em;<br />
background: rgba(128,128,128,0);<br />
height: 6px;<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
border-bottom: solid 1px rgba(128,128,128,0.2);<br />
}<br />
<br />
hr:before,<br />
hr:after<br />
{<br />
content: '';<br />
position: absolute;<br />
top: -8px;<br />
display: block;<br />
width: 1px;<br />
height: 21px;<br />
background: rgba(128,128,128,0.2); <br />
}<br />
<br />
hr:before<br />
{<br />
left: -1px;<br />
}<br />
<br />
hr:after<br />
{<br />
right: -1px;<br />
}<br />
<br />
<br />
@media <br />
only screen and (max-width: 1400px) {<br />
<br />
/* Force table to not be like tables anymore */<br />
table.resized , .resized thead , .resized tbody , .resized th , .resized td , .resized tr { <br />
display: block; <br />
}<br />
<br />
/* Hide table headers (but not display: none;, for accessibility) */<br />
.resized thead tr { <br />
position: absolute;<br />
top: -9999px;<br />
left: -9999px;<br />
}<br />
<br />
<br />
.resized td { <br />
/* Behave like a "row" */<br />
position: relative;<br />
}<br />
<br />
.resized td:before { <br />
/* Now like a table header */<br />
position: absolute;<br />
/* Top/left values mimic padding */<br />
top: 6px;<br />
left: 6px;<br />
width: 45%; <br />
padding-right: 10px; <br />
white-space: nowrap;<br />
}<br />
<br />
}<br />
<br />
.timestamp<br />
{<br />
color: rgba(128,128,128,0.75);<br />
font-size: 0.8em;<br />
}<br />
<br />
/* Sections/Articles */<br />
<br />
section, article {<br />
margin-bottom :3em;<br />
} <br />
<br />
article<br />
{<br />
background: #fff;<br />
position: relative;<br />
z-index: 1;<br />
padding: 5%;<br />
text-align:justify;<br />
font-family: Source Sans Pro;<br />
}<br />
<br />
article > ul<br />
{ <br />
list-style-type:disc;<br />
text-align:left;<br />
font-size:12pt;<br />
margin-left:2%;<br />
}<br />
<br />
section > :last-child,<br />
article > :last-child<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
section:last-child,<br />
article:last-child<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
.row > section,<br />
.row > article<br />
{<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
}<br />
<br />
.container .row:<br />
{<br />
padding-left:0px;<br />
}<br />
<br />
section.special > header,<br />
section.special > footer,<br />
article.special > header,<br />
article.special > footer<br />
{<br />
text-align: center;<br />
}<br />
<br />
/* Images */<br />
<br />
#igemLogo {<br />
position:absolute;<br />
right:2%;<br />
top:1em;<br />
z-index:10001;<br />
width:10%;<br />
}<br />
<br />
#mosaiLogo {<br />
position:absolute;<br />
left:2%;<br />
top:1em;<br />
z-index:10001;<br />
width:10%;<br />
}<br />
<br />
.image<br />
{<br />
position: relative;<br />
display: inline-block;<br />
border: 0;<br />
outline: 0;<br />
}<br />
<br />
/* Uncomment the block below if you want linked images to highlight on hover */<br />
<br />
/*<br />
a.image:before<br />
{<br />
content: '';<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
background: #fff;<br />
opacity: 0;<br />
-moz-transition: opacity 0.35s ease-in-out;<br />
-webkit-transition: opacity 0.35s ease-in-out;<br />
-o-transition: opacity 0.35s ease-in-out;<br />
-ms-transition: opacity 0.35s ease-in-out;<br />
transition: opacity 0.35s ease-in-out;<br />
}<br />
<br />
a.image:hover:before<br />
{<br />
opacity: 0.15;<br />
}<br />
*/<br />
<br />
.image img<br />
{<br />
display: block;<br />
height: auto;<br />
}<br />
<br />
a>img<br />
{<br />
display: block;<br />
height: auto;<br />
}<br />
<br />
.image.full<br />
{<br />
display: block;<br />
width: 100%;<br />
}<br />
<br />
.image.featured<br />
{<br />
display: block;<br />
width: 100%;<br />
margin: 0 0 4em 0;<br />
}<br />
<br />
.image.left<br />
{<br />
float: left;<br />
margin: 0 2em 2em 0;<br />
}<br />
<br />
.image.centered<br />
{<br />
display: block;<br />
margin: 0 0 2em 0;<br />
}<br />
<br />
.image.centered img<br />
{<br />
margin: 0 auto;<br />
width: auto;<br />
}<br />
a.svg {<br />
position: relative;<br />
display: inline-block;<br />
}<br />
/* Lists */<br />
<br />
ul.style1<br />
{<br />
}<br />
<br />
ul.actions<br />
{<br />
}<br />
<br />
ul.divided<br />
{<br />
}<br />
<br />
ul.divided li<br />
{<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
padding-top: 1.5em;<br />
margin-top: 1.5em;<br />
}<br />
<br />
ul.divided li:first-child<br />
{<br />
border-top: 0;<br />
padding-top: 0;<br />
margin-top: 0;<br />
}<br />
<br />
ul.menu<br />
{<br />
height: 1em;<br />
line-height: 1em;<br />
}<br />
<br />
ul.menu li<br />
{<br />
display: inline-block;<br />
border-left: solid 1px rgba(128,128,128,0.2);<br />
padding-left: 1.25em;<br />
margin-left: 1.25em;<br />
list-style-type: none !important;<br />
}<br />
<br />
ul.menu li:first-child<br />
{<br />
border-left: 0;<br />
padding-left: 0;<br />
margin-left: 0;<br />
}<br />
<br />
ul.icons li<br />
{<br />
display: inline-block;<br />
}<br />
<br />
ul.icons li a<br />
{<br />
display: inline-block;<br />
background: none;<br />
width: 10em;<br />
height: auto;<br />
line-height: 2.5em;<br />
text-align: center;<br />
border-radius: 100%;<br />
border: 0;<br />
color: #fff;<br />
padding: 0.6em;<br />
}<br />
<br />
ul.icons li a:hover<br />
{<br />
color: #ef8376;<br />
}<br />
<br />
ol.style1<br />
{<br />
}<br />
ul.sponsors<br />
{<br />
width: 100% !important;<br />
text-align:center !important;<br />
}<br />
<br />
ul.sponsors li<br />
{<br />
display: inline-block;<br />
height: auto;<br />
background: none;<br />
height: auto;<br />
text-align: center;<br />
}<br />
ul.sponsors li a img<br />
{<br />
display: inline-block;<br />
width: 10em;<br />
}<br />
<br />
/* Forms */<br />
<br />
form<br />
{<br />
}<br />
<br />
form label<br />
{<br />
display: block;<br />
}<br />
<br />
form input.text,<br />
form select,<br />
form textarea<br />
{<br />
-webkit-appearance: none;<br />
display: block;<br />
border: 0;<br />
background: #ccc;<br />
width: 100%;<br />
}<br />
<br />
form input.text:hover,<br />
form select:hover,<br />
form textarea:hover<br />
{<br />
}<br />
<br />
form input.text:focus,<br />
form select:focus,<br />
form textarea:focus<br />
{<br />
}<br />
<br />
form textarea<br />
{<br />
min-height: 9em;<br />
}<br />
<br />
form .formerize-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-webkit-input-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form :-moz-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-moz-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form :-ms-input-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-moz-focus-inner<br />
{<br />
border: 0;<br />
}<br />
<br />
/* Tables */<br />
<br />
table<br />
{<br />
width: 100%;<br />
}<br />
<br />
table.style1<br />
{<br />
width: 100%;<br />
}<br />
<br />
table.style1 tbody tr:nth-child(2n+2)<br />
{<br />
background: #f4f4f4;<br />
}<br />
<br />
table.style1 td<br />
{<br />
padding: 0.5em 1em 0.5em 1em;<br />
}<br />
<br />
table.style1 th<br />
{<br />
text-align: left;<br />
font-weight: 400;<br />
padding: 0.5em 1em 0.5em 1em;<br />
}<br />
<br />
table.style1 thead<br />
{<br />
background: #444;<br />
}<br />
<br />
table.style1 tfoot<br />
{<br />
background: #eee;<br />
}<br />
<br />
table.style1 tbody<br />
{<br />
}<br />
<br />
/* Buttons */<br />
<br />
/* Blog mosaic */<br />
#red<br />
{<br />
fill: #CD3C28;<br />
}<br />
<br />
#red:hover<br />
{<br />
fill: #FF0000;<br />
}<br />
<br />
#blue<br />
{<br />
fill: #1EB2E1;<br />
}<br />
<br />
#blue:hover<br />
{<br />
fill: #08F3FF;<br />
}<br />
<br />
#darkblue<br />
{<br />
fill: #21409A;<br />
}<br />
<br />
#darkblue:hover<br />
{<br />
fill: #2F62E0;<br />
}<br />
<br />
#green<br />
{<br />
fill: #60C914;<br />
}<br />
<br />
#green:hover<br />
{<br />
fill: #00FF00;<br />
}<br />
<br />
#gold<br />
{<br />
fill: #FFCC00;<br />
}<br />
<br />
#gold:hover<br />
{<br />
fill: #FFFF00;<br />
}<br />
<br />
#silver<br />
{<br />
fill: #C0C0C0;<br />
}<br />
<br />
#silver:hover<br />
{<br />
fill: #E6E6E6;<br />
}<br />
<br />
<br />
#bronze<br />
{<br />
fill: #8C7853;<br />
}<br />
<br />
#bronze:hover<br />
{<br />
fill: #CC9900;<br />
}<br />
<br />
/* Molbio animation */<br />
<br />
.animbutton#lasblue:hover, .animbutton#luxblue:hover,.animbutton#bothblue:hover, .animbutton#noneblue:hover<br />
{<br />
fill: #6F93EF;<br />
}<br />
<br />
<br />
.animbutton#lasred:hover, .animbutton#luxred:hover,.animbutton#bothred:hover, .animbutton#nonered:hover<br />
{<br />
fill: #F18B92;<br />
}<br />
<br />
<br />
/* Other buttons */<br />
<br />
.button<br />
{<br />
position: relative;<br />
display: inline;<br />
background: #df7366;<br />
color: #fff;<br />
text-align: center;<br />
border-radius: 0.5em;<br />
text-decoration: none;<br />
padding: 0.65em 3em 0.65em 3em;<br />
border: 0;<br />
cursor: pointer;<br />
outline: 0;<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
<br />
.button:hover<br />
{<br />
color: #fff;<br />
background: #ef8376;<br />
}<br />
<br />
.button:active<br />
{<br />
}<br />
<br />
.button.alt<br />
{<br />
}<br />
<br />
.button.alt:hover<br />
{<br />
}<br />
<br />
.button.alt:active<br />
{<br />
}<br />
<br />
.button.small<br />
{<br />
}<br />
<br />
.button.big<br />
{<br />
}<br />
<br />
.button.huge<br />
{<br />
}<br />
<br />
/* Posts */<br />
<br />
.post<br />
{<br />
}<br />
<br />
.post.stub<br />
{<br />
text-align: center;<br />
}<br />
<br />
.post.stub header<br />
{<br />
margin: 0;<br />
}<br />
<br />
/* Hidden Content Slider */<br />
#hidden_content{display:none;}<br />
#hide_content{}<br />
<br />
/*********************************************************************************/<br />
/* Icons */<br />
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */<br />
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */<br />
/*********************************************************************************/<br />
<br />
.fa<br />
{<br />
text-decoration: none;<br />
}<br />
<br />
.fa.solo<br />
{<br />
}<br />
<br />
.fa.solo span<br />
{<br />
display: none;<br />
}<br />
<br />
.fa.circled<br />
{<br />
position: relative;<br />
display: inline-block;<br />
background: #2b252c;<br />
color: #fff;<br />
border-radius: 100%;<br />
width: 3.5em;<br />
height: 3.5em;<br />
line-height: 3.5em;<br />
text-align: center;<br />
font-size: 1em;<br />
}<br />
<br />
.fa.circled:before<br />
{<br />
font-size: 2em;<br />
line-height: 1.75em;<br />
}<br />
<br />
header .fa.circled<br />
{<br />
margin: 0 0 2em 0;<br />
}<br />
<br />
.fa:before<br />
{<br />
display:inline-block;<br />
font-size: 1.25em;<br />
text-decoration: none;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-font-smoothing:antialiased;<br />
-moz-osx-font-smoothing:grayscale;<br />
}<br />
<br />
.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}<br />
.fa-2x{font-size:2em}<br />
.fa-3x{font-size:3em}<br />
.fa-4x{font-size:4em}<br />
.fa-5x{font-size:5em}<br />
.fa-fw{width:1.2857142857142858em;text-align:center}<br />
.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}<br />
.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}<br />
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}<br />
.pull-right{float:right}<br />
.pull-left{float:left}<br />
.fa.pull-left{margin-right:.3em}<br />
.fa.pull-right{margin-left:.3em}<br />
.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}<br />
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}<br />
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}<br />
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}<br />
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}<br />
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}<br />
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}<br />
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}<br />
.fa-stack-1x{line-height:inherit}<br />
.fa-stack-2x{font-size:2em}<br />
.fa-inverse{color:#fff}<br />
.fa-glass:before{content:"\f000"}<br />
.fa-music:before{content:"\f001"}<br />
.fa-search:before{content:"\f002"}<br />
.fa-envelope-o:before{content:"\f003"}<br />
.fa-heart:before{content:"\f004"}<br />
.fa-star:before{content:"\f005"}<br />
.fa-star-o:before{content:"\f006"}<br />
.fa-user:before{content:"\f007"}<br />
.fa-film:before{content:"\f008"}<br />
.fa-th-large:before{content:"\f009"}<br />
.fa-th:before{content:"\f00a"}<br />
.fa-th-list:before{content:"\f00b"}<br />
.fa-check:before{content:"\f00c"}<br />
.fa-times:before{content:"\f00d"}<br />
.fa-search-plus:before{content:"\f00e"}<br />
.fa-search-minus:before{content:"\f010"}<br />
.fa-power-off:before{content:"\f011"}<br />
.fa-signal:before{content:"\f012"}<br />
.fa-gear:before,.fa-cog:before{content:"\f013"}<br />
.fa-trash-o:before{content:"\f014"}<br />
.fa-home:before{content:"\f015"}<br />
.fa-file-o:before{content:"\f016"}<br />
.fa-clock-o:before{content:"\f017"}<br />
.fa-road:before{content:"\f018"}<br />
.fa-download:before{content:"\f019"}<br />
.fa-arrow-circle-o-down:before{content:"\f01a"}<br />
.fa-arrow-circle-o-up:before{content:"\f01b"}<br />
.fa-inbox:before{content:"\f01c"}<br />
.fa-play-circle-o:before{content:"\f01d"}<br />
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}<br />
.fa-refresh:before{content:"\f021"}<br />
.fa-list-alt:before{content:"\f022"}<br />
.fa-lock:before{content:"\f023"}<br />
.fa-flag:before{content:"\f024"}<br />
.fa-headphones:before{content:"\f025"}<br />
.fa-volume-off:before{content:"\f026"}<br />
.fa-volume-down:before{content:"\f027"}<br />
.fa-volume-up:before{content:"\f028"}<br />
.fa-qrcode:before{content:"\f029"}<br />
.fa-barcode:before{content:"\f02a"}<br />
.fa-tag:before{content:"\f02b"}<br />
.fa-tags:before{content:"\f02c"}<br />
.fa-book:before{content:"\f02d"}<br />
.fa-bookmark:before{content:"\f02e"}<br />
.fa-print:before{content:"\f02f"}<br />
.fa-camera:before{content:"\f030"}<br />
.fa-font:before{content:"\f031"}<br />
.fa-bold:before{content:"\f032"}<br />
.fa-italic:before{content:"\f033"}<br />
.fa-text-height:before{content:"\f034"}<br />
.fa-text-width:before{content:"\f035"}<br />
.fa-align-left:before{content:"\f036"}<br />
.fa-align-center:before{content:"\f037"}<br />
.fa-align-right:before{content:"\f038"}<br />
.fa-align-justify:before{content:"\f039"}<br />
.fa-list:before{content:"\f03a"}<br />
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}<br />
.fa-indent:before{content:"\f03c"}<br />
.fa-video-camera:before{content:"\f03d"}<br />
.fa-picture-o:before{content:"\f03e"}<br />
.fa-pencil:before{content:"\f040"}<br />
.fa-map-marker:before{content:"\f041"}<br />
.fa-adjust:before{content:"\f042"}<br />
.fa-tint:before{content:"\f043"}<br />
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}<br />
.fa-share-square-o:before{content:"\f045"}<br />
.fa-check-square-o:before{content:"\f046"}<br />
.fa-move:before{content:"\f047"}<br />
.fa-step-backward:before{content:"\f048"}<br />
.fa-fast-backward:before{content:"\f049"}<br />
.fa-backward:before{content:"\f04a"}<br />
.fa-play:before{content:"\f04b"}<br />
.fa-pause:before{content:"\f04c"}<br />
.fa-stop:before{content:"\f04d"}<br />
.fa-forward:before{content:"\f04e"}<br />
.fa-fast-forward:before{content:"\f050"}<br />
.fa-step-forward:before{content:"\f051"}<br />
.fa-eject:before{content:"\f052"}<br />
.fa-chevron-left:before{content:"\f053"}<br />
.fa-chevron-right:before{content:"\f054"}<br />
.fa-plus-circle:before{content:"\f055"}<br />
.fa-minus-circle:before{content:"\f056"}<br />
.fa-times-circle:before{content:"\f057"}<br />
.fa-check-circle:before{content:"\f058"}<br />
.fa-question-circle:before{content:"\f059"}<br />
.fa-info-circle:before{content:"\f05a"}<br />
.fa-crosshairs:before{content:"\f05b"}<br />
.fa-times-circle-o:before{content:"\f05c"}<br />
.fa-check-circle-o:before{content:"\f05d"}<br />
.fa-ban:before{content:"\f05e"}<br />
.fa-arrow-left:before{content:"\f060"}<br />
.fa-arrow-right:before{content:"\f061"}<br />
.fa-arrow-up:before{content:"\f062"}<br />
.fa-arrow-down:before{content:"\f063"}<br />
.fa-mail-forward:before,.fa-share:before{content:"\f064"}<br />
.fa-resize-full:before{content:"\f065"}<br />
.fa-resize-small:before{content:"\f066"}<br />
.fa-plus:before{content:"\f067"}<br />
.fa-minus:before{content:"\f068"}<br />
.fa-asterisk:before{content:"\f069"}<br />
.fa-exclamation-circle:before{content:"\f06a"}<br />
.fa-gift:before{content:"\f06b"}<br />
.fa-leaf:before{content:"\f06c"}<br />
.fa-fire:before{content:"\f06d"}<br />
.fa-eye:before{content:"\f06e"}<br />
.fa-eye-slash:before{content:"\f070"}<br />
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}<br />
.fa-plane:before{content:"\f072"}<br />
.fa-calendar:before{content:"\f073"}<br />
.fa-random:before{content:"\f074"}<br />
.fa-comment:before{content:"\f075"}<br />
.fa-magnet:before{content:"\f076"}<br />
.fa-chevron-up:before{content:"\f077"}<br />
.fa-chevron-down:before{content:"\f078"}<br />
.fa-retweet:before{content:"\f079"}<br />
.fa-shopping-cart:before{content:"\f07a"}<br />
.fa-folder:before{content:"\f07b"}<br />
.fa-folder-open:before{content:"\f07c"}<br />
.fa-resize-vertical:before{content:"\f07d"}<br />
.fa-resize-horizontal:before{content:"\f07e"}<br />
.fa-bar-chart-o:before{content:"\f080"}<br />
.fa-twitter-square:before{content:"\f081"}<br />
.fa-facebook-square:before{content:"\f082"}<br />
.fa-camera-retro:before{content:"\f083"}<br />
.fa-key:before{content:"\f084"}<br />
.fa-gears:before,.fa-cogs:before{content:"\f085"}<br />
.fa-comments:before{content:"\f086"}<br />
.fa-thumbs-o-up:before{content:"\f087"}<br />
.fa-thumbs-o-down:before{content:"\f088"}<br />
.fa-star-half:before{content:"\f089"}<br />
.fa-heart-o:before{content:"\f08a"}<br />
.fa-sign-out:before{content:"\f08b"}<br />
.fa-linkedin-square:before{content:"\f08c"}<br />
.fa-thumb-tack:before{content:"\f08d"}<br />
.fa-external-link:before{content:"\f08e"}<br />
.fa-sign-in:before{content:"\f090"}<br />
.fa-trophy:before{content:"\f091"}<br />
.fa-github-square:before{content:"\f092"}<br />
.fa-upload:before{content:"\f093"}<br />
.fa-lemon-o:before{content:"\f094"}<br />
.fa-phone:before{content:"\f095"}<br />
.fa-square-o:before{content:"\f096"}<br />
.fa-bookmark-o:before{content:"\f097"}<br />
.fa-phone-square:before{content:"\f098"}<br />
.fa-twitter:before{content:"\f099"}<br />
.fa-facebook:before{content:"\f09a"}<br />
.fa-github:before{content:"\f09b"}<br />
.fa-unlock:before{content:"\f09c"}<br />
.fa-credit-card:before{content:"\f09d"}<br />
.fa-rss:before{content:"\f09e"}<br />
.fa-hdd-o:before{content:"\f0a0"}<br />
.fa-bullhorn:before{content:"\f0a1"}<br />
.fa-bell:before{content:"\f0f3"}<br />
.fa-certificate:before{content:"\f0a3"}<br />
.fa-hand-o-right:before{content:"\f0a4"}<br />
.fa-hand-o-left:before{content:"\f0a5"}<br />
.fa-hand-o-up:before{content:"\f0a6"}<br />
.fa-hand-o-down:before{content:"\f0a7"}<br />
.fa-arrow-circle-left:before{content:"\f0a8"}<br />
.fa-arrow-circle-right:before{content:"\f0a9"}<br />
.fa-arrow-circle-up:before{content:"\f0aa"}<br />
.fa-arrow-circle-down:before{content:"\f0ab"}<br />
.fa-globe:before{content:"\f0ac"}<br />
.fa-wrench:before{content:"\f0ad"}<br />
.fa-tasks:before{content:"\f0ae"}<br />
.fa-filter:before{content:"\f0b0"}<br />
.fa-briefcase:before{content:"\f0b1"}<br />
.fa-fullscreen:before{content:"\f0b2"}<br />
.fa-group:before{content:"\f0c0"}<br />
.fa-chain:before,.fa-link:before{content:"\f0c1"}<br />
.fa-cloud:before{content:"\f0c2"}<br />
.fa-flask:before{content:"\f0c3"}<br />
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}<br />
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}<br />
.fa-paperclip:before{content:"\f0c6"}<br />
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}<br />
.fa-square:before{content:"\f0c8"}<br />
.fa-reorder:before{content:"\f0c9"}<br />
.fa-list-ul:before{content:"\f0ca"}<br />
.fa-list-ol:before{content:"\f0cb"}<br />
.fa-strikethrough:before{content:"\f0cc"}<br />
.fa-underline:before{content:"\f0cd"}<br />
.fa-table:before{content:"\f0ce"}<br />
.fa-magic:before{content:"\f0d0"}<br />
.fa-truck:before{content:"\f0d1"}<br />
.fa-pinterest:before{content:"\f0d2"}<br />
.fa-pinterest-square:before{content:"\f0d3"}<br />
.fa-google-plus-square:before{content:"\f0d4"}<br />
.fa-google-plus:before{content:"\f0d5"}<br />
.fa-money:before{content:"\f0d6"}<br />
.fa-caret-down:before{content:"\f0d7"}<br />
.fa-caret-up:before{content:"\f0d8"}<br />
.fa-caret-left:before{content:"\f0d9"}<br />
.fa-caret-right:before{content:"\f0da"}<br />
.fa-columns:before{content:"\f0db"}<br />
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}<br />
.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}<br />
.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}<br />
.fa-envelope:before{content:"\f0e0"}<br />
.fa-linkedin:before{content:"\f0e1"}<br />
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}<br />
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}<br />
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}<br />
.fa-comment-o:before{content:"\f0e5"}<br />
.fa-comments-o:before{content:"\f0e6"}<br />
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}<br />
.fa-sitemap:before{content:"\f0e8"}<br />
.fa-umbrella:before{content:"\f0e9"}<br />
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}<br />
.fa-lightbulb-o:before{content:"\f0eb"}<br />
.fa-exchange:before{content:"\f0ec"}<br />
.fa-cloud-download:before{content:"\f0ed"}<br />
.fa-cloud-upload:before{content:"\f0ee"}<br />
.fa-user-md:before{content:"\f0f0"}<br />
.fa-stethoscope:before{content:"\f0f1"}<br />
.fa-suitcase:before{content:"\f0f2"}<br />
.fa-bell-o:before{content:"\f0a2"}<br />
.fa-coffee:before{content:"\f0f4"}<br />
.fa-cutlery:before{content:"\f0f5"}<br />
.fa-file-text-o:before{content:"\f0f6"}<br />
.fa-building:before{content:"\f0f7"}<br />
.fa-hospital:before{content:"\f0f8"}<br />
.fa-ambulance:before{content:"\f0f9"}<br />
.fa-medkit:before{content:"\f0fa"}<br />
.fa-fighter-jet:before{content:"\f0fb"}<br />
.fa-beer:before{content:"\f0fc"}<br />
.fa-h-square:before{content:"\f0fd"}<br />
.fa-plus-square:before{content:"\f0fe"}<br />
.fa-angle-double-left:before{content:"\f100"}<br />
.fa-angle-double-right:before{content:"\f101"}<br />
.fa-angle-double-up:before{content:"\f102"}<br />
.fa-angle-double-down:before{content:"\f103"}<br />
.fa-angle-left:before{content:"\f104"}<br />
.fa-angle-right:before{content:"\f105"}<br />
.fa-angle-up:before{content:"\f106"}<br />
.fa-angle-down:before{content:"\f107"}<br />
.fa-desktop:before{content:"\f108"}<br />
.fa-laptop:before{content:"\f109"}<br />
.fa-tablet:before{content:"\f10a"}<br />
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}<br />
.fa-circle-o:before{content:"\f10c"}<br />
.fa-quote-left:before{content:"\f10d"}<br />
.fa-quote-right:before{content:"\f10e"}<br />
.fa-spinner:before{content:"\f110"}<br />
.fa-circle:before{content:"\f111"}<br />
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}<br />
.fa-github-alt:before{content:"\f113"}<br />
.fa-folder-o:before{content:"\f114"}<br />
.fa-folder-open-o:before{content:"\f115"}<br />
.fa-expand-o:before{content:"\f116"}<br />
.fa-collapse-o:before{content:"\f117"}<br />
.fa-smile-o:before{content:"\f118"}<br />
.fa-frown-o:before{content:"\f119"}<br />
.fa-meh-o:before{content:"\f11a"}<br />
.fa-gamepad:before{content:"\f11b"}<br />
.fa-keyboard-o:before{content:"\f11c"}<br />
.fa-flag-o:before{content:"\f11d"}<br />
.fa-flag-checkered:before{content:"\f11e"}<br />
.fa-terminal:before{content:"\f120"}<br />
.fa-code:before{content:"\f121"}<br />
.fa-reply-all:before{content:"\f122"}<br />
.fa-mail-reply-all:before{content:"\f122"}<br />
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}<br />
.fa-location-arrow:before{content:"\f124"}<br />
.fa-crop:before{content:"\f125"}<br />
.fa-code-fork:before{content:"\f126"}<br />
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}<br />
.fa-question:before{content:"\f128"}<br />
.fa-info:before{content:"\f129"}<br />
.fa-exclamation:before{content:"\f12a"}<br />
.fa-superscript:before{content:"\f12b"}<br />
.fa-subscript:before{content:"\f12c"}<br />
.fa-eraser:before{content:"\f12d"}<br />
.fa-puzzle-piece:before{content:"\f12e"}<br />
.fa-microphone:before{content:"\f130"}<br />
.fa-microphone-slash:before{content:"\f131"}<br />
.fa-shield:before{content:"\f132"}<br />
.fa-calendar-o:before{content:"\f133"}<br />
.fa-fire-extinguisher:before{content:"\f134"}<br />
.fa-rocket:before{content:"\f135"}<br />
.fa-maxcdn:before{content:"\f136"}<br />
.fa-chevron-circle-left:before{content:"\f137"}<br />
.fa-chevron-circle-right:before{content:"\f138"}<br />
.fa-chevron-circle-up:before{content:"\f139"}<br />
.fa-chevron-circle-down:before{content:"\f13a"}<br />
.fa-html5:before{content:"\f13b"}<br />
.fa-css3:before{content:"\f13c"}<br />
.fa-anchor:before{content:"\f13d"}<br />
.fa-unlock-o:before{content:"\f13e"}<br />
.fa-bullseye:before{content:"\f140"}<br />
.fa-ellipsis-horizontal:before{content:"\f141"}<br />
.fa-ellipsis-vertical:before{content:"\f142"}<br />
.fa-rss-square:before{content:"\f143"}<br />
.fa-play-circle:before{content:"\f144"}<br />
.fa-ticket:before{content:"\f145"}<br />
.fa-minus-square:before{content:"\f146"}<br />
.fa-minus-square-o:before{content:"\f147"}<br />
.fa-level-up:before{content:"\f148"}<br />
.fa-level-down:before{content:"\f149"}<br />
.fa-check-square:before{content:"\f14a"}<br />
.fa-pencil-square:before{content:"\f14b"}<br />
.fa-external-link-square:before{content:"\f14c"}<br />
.fa-share-square:before{content:"\f14d"}<br />
.fa-compass:before{content:"\f14e"}<br />
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}<br />
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}<br />
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}<br />
.fa-euro:before,.fa-eur:before{content:"\f153"}<br />
.fa-gbp:before{content:"\f154"}<br />
.fa-dollar:before,.fa-usd:before{content:"\f155"}<br />
.fa-rupee:before,.fa-inr:before{content:"\f156"}<br />
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}<br />
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}<br />
.fa-won:before,.fa-krw:before{content:"\f159"}<br />
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}<br />
.fa-file:before{content:"\f15b"}<br />
.fa-file-text:before{content:"\f15c"}<br />
.fa-sort-alpha-asc:before{content:"\f15d"}<br />
.fa-sort-alpha-desc:before{content:"\f15e"}<br />
.fa-sort-amount-asc:before{content:"\f160"}<br />
.fa-sort-amount-desc:before{content:"\f161"}<br />
.fa-sort-numeric-asc:before{content:"\f162"}<br />
.fa-sort-numeric-desc:before{content:"\f163"}<br />
.fa-thumbs-up:before{content:"\f164"}<br />
.fa-thumbs-down:before{content:"\f165"}<br />
.fa-youtube-square:before{content:"\f166"}<br />
.fa-youtube:before{content:"\f167"}<br />
.fa-xing:before{content:"\f168"}<br />
.fa-xing-square:before{content:"\f169"}<br />
.fa-youtube-play:before{content:"\f16a"}<br />
.fa-dropbox:before{content:"\f16b"}<br />
.fa-stack-overflow:before{content:"\f16c"}<br />
.fa-instagram:before{content:"\f16d"}<br />
.fa-flickr:before{content:"\f16e"}<br />
.fa-adn:before{content:"\f170"}<br />
.fa-bitbucket:before{content:"\f171"}<br />
.fa-bitbucket-square:before{content:"\f172"}<br />
.fa-tumblr:before{content:"\f173"}<br />
.fa-tumblr-square:before{content:"\f174"}<br />
.fa-long-arrow-down:before{content:"\f175"}<br />
.fa-long-arrow-up:before{content:"\f176"}<br />
.fa-long-arrow-left:before{content:"\f177"}<br />
.fa-long-arrow-right:before{content:"\f178"}<br />
.fa-apple:before{content:"\f179"}<br />
.fa-windows:before{content:"\f17a"}<br />
.fa-android:before{content:"\f17b"}<br />
.fa-linux:before{content:"\f17c"}<br />
.fa-dribbble:before{content:"\f17d"}<br />
.fa-skype:before{content:"\f17e"}<br />
.fa-foursquare:before{content:"\f180"}<br />
.fa-trello:before{content:"\f181"}<br />
.fa-female:before{content:"\f182"}<br />
.fa-male:before{content:"\f183"}<br />
.fa-gittip:before{content:"\f184"}<br />
.fa-sun-o:before{content:"\f185"}<br />
.fa-moon-o:before{content:"\f186"}<br />
.fa-archive:before{content:"\f187"}<br />
.fa-bug:before{content:"\f188"}<br />
.fa-vk:before{content:"\f189"}<br />
.fa-weibo:before{content:"\f18a"}<br />
.fa-renren:before{content:"\f18b"}<br />
.fa-pagelines:before{content:"\f18c"}<br />
.fa-stack-exchange:before{content:"\f18d"}<br />
.fa-arrow-circle-o-right:before{content:"\f18e"}<br />
.fa-arrow-circle-o-left:before{content:"\f190"}<br />
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}<br />
.fa-dot-circle-o:before{content:"\f192"}<br />
.fa-wheelchair:before{content:"\f193"}<br />
.fa-vimeo-square:before{content:"\f194"}<br />
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}<br />
<br />
/*********************************************************************************/<br />
/* Wrapper */<br />
/*********************************************************************************/<br />
<br />
.wrapper<br />
{<br />
color:inherit;<br />
margin: 0 0 5%;<br />
}<br />
<br />
.wrapper.style1<br />
{<br />
background-color:#fff;<br />
position:relative;<br />
margin: 0 auto;<br />
width : 90%;<br />
}<br />
<br />
.wrapper.style2<br />
{<br />
padding-top: 0;<br />
}<br />
<br />
<br />
/*********************************************************************************/<br />
/* Header */<br />
/*********************************************************************************/<br />
<br />
#header<br />
{<br />
position: relative;<br />
background-image: url('https://static.igem.org/mediawiki/2014/d/d8/ETH_Zurich_background.png');<br />
background-size: cover;<br />
background-attachment: fixed;<br />
text-align: center;<br />
padding: 10% 5% 10% 5%;<br />
cursor: default;<br />
font-weight: 200;<br />
vertical-align: bottom;<br />
}<br />
<br />
.homepage #header<br />
{<br />
content: '';<br />
background: #2b2e3c;<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
opacity: 1.0;<br />
-moz-transition: opacity 2s ease-in-out;<br />
-webkit-transition: opacity 2s ease-in-out;<br />
-o-transition: opacity 2s ease-in-out;<br />
-ms-transition: opacity 2s ease-in-out;<br />
transition: opacity 2s ease-in-out;<br />
}<br />
<br />
.homepage #header.ready .overlay<br />
{<br />
opacity: 0;<br />
}<br />
<br />
.inner<br />
{<br />
z-index: 1;<br />
position: relative;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
<br />
.inner2<br />
{<br />
background: #fff;<br />
position: relative;<br />
z-index: 1;<br />
padding: 2% 10%;<br />
min-height: 30em;<br />
width:87%;<br />
margin:auto;<br />
}<br />
<br />
<br />
#header .inner2 ul<br />
{ <br />
list-style-type:disc;<br />
text-align:left;<br />
font-size:12pt;<br />
margin-left:2%;<br />
}<br />
<br />
#header h1<br />
{<br />
color: #fff;<br />
font-size: 3em;<br />
line-height: 1em;<br />
}<br />
<br />
.homepage #header h1<br />
{<br />
font-size: 4em;<br />
}<br />
<br />
#header h1 a<br />
{<br />
color: inherit;<br />
}<br />
<br />
#header .byline<br />
{<br />
font-size: 1.25em;<br />
margin: 0;<br />
padding-bottom: 2%;<br />
}<br />
<br />
#header .button<br />
{<br />
border-radius: 100%;<br />
width: 5.5em;<br />
height: 5.5em;<br />
line-height: 4em;<br />
text-align: center;<br />
font-size: 1em;<br />
padding: 1%;<br />
color: #fff;<br />
text-decoration: none;<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
<br />
#header .twolines<br />
{<br />
line-height:inherit;<br />
} <br />
<br />
#header footer<br />
{<br />
margin: 1em 0 0 0;<br />
}<br />
<br />
#header hr<br />
{<br />
top: 1.5em;<br />
margin-bottom: 3em;<br />
<br />
border-bottom-color: rgba(192,192,192,0.35);<br />
box-shadow: inset 0 1px 0 0 rgba(192,192,192,0.35);<br />
}<br />
<br />
<br />
/*********************************************************************************/<br />
/* Nav */<br />
/*********************************************************************************/<br />
<br />
#nav<br />
{<br />
position: absolute;<br />
top: 0;<br />
left: 10%;<br />
width: 80%;<br />
text-align: center;<br />
padding: 1.5em 0 1.5em 0;<br />
z-index: 1;<br />
overflow: hidden;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
#nav > ul<br />
{<br />
line-height: 0px;<br />
position: relative;<br />
display: inline-block;<br />
margin: 0;<br />
<br />
height: 21px;<br />
}<br />
<br />
#nav > ul:before,<br />
#nav > ul:after<br />
{<br />
content: '';<br />
display: block;<br />
width: 300%;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -2px;<br />
<br />
height: 5px;<br />
}<br />
<br />
#nav > ul:before<br />
{<br />
left: 100%;<br />
margin-left: 1px;<br />
}<br />
<br />
#nav > ul:after<br />
{<br />
right: 100%;<br />
margin-right: 1px;<br />
}<br />
<br />
#nav > ul > li<br />
{<br />
display: inline-block;<br />
margin: -9px 0.5em 0 0.5em;<br />
border-radius: 0.5em;<br />
padding: 0.85em;<br />
border: solid 1px transparent;<br />
-moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-o-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
}<br />
<br />
#nav > ul > li.active<br />
{<br />
border-color: rgba(192,192,192,0.35);<br />
}<br />
<br />
#nav > ul > li > a,<br />
#nav > ul > li > span<br />
{<br />
display: block;<br />
color: #fff;<br />
text-decoration: none;<br />
border: 0;<br />
outline: 0;<br />
}<br />
<br />
#nav > ul > li > ul<br />
{<br />
display: none;<br />
}<br />
<br />
.dropotron<br />
{<br />
background: rgba(255,255,255,0.975);<br />
padding: 1em 1.25em 1em 1.25em;<br />
line-height: 1em;<br />
height: auto;<br />
width: auto;<br />
text-align: left;<br />
border-radius: 0.5em;<br />
box-shadow: 0 0.15em 0.25em 0 rgba(0,0,0,0.25);<br />
min-width: 12em;<br />
}<br />
<br />
.dropotron li<br />
{<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
color: #5b5b5b;<br />
list-style-type: none;<br />
}<br />
<br />
.dropotron li:first-child<br />
{<br />
border-top: 0;<br />
}<br />
<br />
.dropotron li:hover<br />
{<br />
color: #ef8376;<br />
}<br />
<br />
.dropotron li a,<br />
.dropotron li span<br />
{<br />
display: block;<br />
border: 0;<br />
padding: 0.5em 0 0.5em 0;<br />
-moz-transition: color 0.35s ease-in-out;<br />
-webkit-transition: color 0.35s ease-in-out;<br />
-o-transition: color 0.35s ease-in-out;<br />
-ms-transition: color 0.35s ease-in-out;<br />
transition: color 0.35s ease-in-out;<br />
}<br />
<br />
.dropotron.level-0<br />
{<br />
margin-top: 2em;<br />
font-size: 0.9em;<br />
}<br />
<br />
.dropotron.level-0:before<br />
{<br />
content: '';<br />
position: absolute;<br />
left: 50%;<br />
top: -0.7em;<br />
margin-left: -0.75em;<br />
border-bottom: solid 0.75em rgba(255,255,255,0.975);<br />
border-left: solid 0.75em rgba(64,64,64,0);<br />
border-right: solid 0.75em rgba(64,64,64,0);<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Updates banner */<br />
/*********************************************************************************/<br />
<br />
#Start<br />
{<br />
background: #fff;<br />
text-align: center;<br />
}<br />
<br />
<br />
#Start .inner1<br />
{<br />
z-index: 1;<br />
position: relative;<br />
padding: 5%;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Content */<br />
/*********************************************************************************/<br />
<br />
#content<br />
{<br />
}<br />
<br />
#content > hr<br />
{<br />
top: 3em;<br />
margin-bottom: 6em;<br />
}<br />
<br />
#content > section<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Sidebar */<br />
/*********************************************************************************/<br />
<br />
#sidebar<br />
{<br />
}<br />
<br />
#sidebar > hr.first<br />
{<br />
display: none;<br />
}<br />
<br />
#sidebar > hr<br />
{<br />
top: 3em;<br />
margin-bottom: 6em;<br />
}<br />
<br />
#sidebar > section<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Main */<br />
/*********************************************************************************/<br />
<br />
#main<br />
{<br />
}<br />
<br />
#main section:first-of-type<br />
{<br />
padding-top: 2em;<br />
} <br />
<br />
/*********************************************************************************/<br />
/* Footer */<br />
/*********************************************************************************/<br />
<br />
#footer<br />
{<br />
position: relative;<br />
overflow: hidden;<br />
background: #2b252c;<br />
color: #fff;<br />
padding: 2em 0 2em 0;<br />
}<br />
<br />
#footer .fa.circled<br />
{<br />
background: #fff;<br />
color: #2b252c;<br />
}<br />
<br />
#footer header<br />
{<br />
text-align: center !important;<br />
cursor: default;<br />
}<br />
<br />
#footer h2,<br />
#footer h3,<br />
#footer h4,<br />
#footer h5,<br />
#footer h6<br />
{<br />
color: #fff;<br />
}<br />
<br />
#footer .contact<br />
{<br />
text-align: center;<br />
}<br />
<br />
#footer .contact p<br />
{<br />
text-align: center;<br />
margin: 0 0 3em 0;<br />
}<br />
<br />
#footer .copyright<br />
{<br />
text-align: center;<br />
color: rgba(128,128,128,0.75);<br />
font-size: 0.8em;<br />
cursor: default;<br />
}<br />
<br />
#footer .copyright a<br />
{<br />
color: rgba(128,128,128,0.75);<br />
}<br />
<br />
#footer .copyright a:hover<br />
{<br />
color: rgba(212,212,212,0.85);<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Carousel */<br />
/*********************************************************************************/<br />
<br />
.carousel<br />
{<br />
position: relative;<br />
overflow: hidden;<br />
max-height:150px;<br />
}<br />
<br />
<!-- .carousel .read-more { <br />
position: absolute; <br />
bottom: 0; left: 0;<br />
width: 100%; <br />
text-align: center; <br />
margin: 0; padding: 3% 0; <br />
<br />
/* "transparent" only works here because == rgba(0,0,0,0) */ <br />
<br />
background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
}<br />
--><br />
<br />
.carousel .reel<br />
{<br />
width:100%;<br />
white-space: nowrap;<br />
position: relative;<br />
-webkit-overflow-scrolling: touch;<br />
padding: 0 2em 0 2em;<br />
}<br />
<br />
.carousel article<br />
{<br />
display: inline-block;<br />
width: 18em;<br />
background: #fff;<br />
text-align: center;<br />
padding: 3em;<br />
margin: 0 2em 0 0;<br />
white-space: normal;<br />
opacity: 1.0;<br />
-moz-transition: opacity 0.75s ease-in-out; <br />
-webkit-transition: opacity 0.75s ease-in-out; <br />
-o-transition: opacity 0.75s ease-in-out; <br />
-ms-transition: opacity 0.75s ease-in-out; <br />
transition: opacity 0.75s ease-in-out; <br />
}<br />
<br />
.carousel article.loading<br />
{<br />
opacity: 0;<br />
}<br />
<br />
.carousel article .image<br />
{<br />
position: relative;<br />
left: -1em;<br />
top: 0;<br />
width: auto;<br />
margin-right: -2em;<br />
margin-bottom: 3em;<br />
}<br />
<br />
.carousel article p<br />
{<br />
text-align: center;<br />
}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/css/style.css
Team:ETH Zurich/css/style.css
2014-10-17T23:40:40Z
<p>Eledieu: </p>
<hr />
<div>@charset 'UTF-8';<br />
<br />
/*<br />
Helios 1.5 by HTML5 UP<br />
html5up.net | @n33co<br />
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)<br />
*/<br />
<br />
/*********************************************************************************/<br />
/* Basic */<br />
/*********************************************************************************/<br />
<br />
pre<br />
{<br />
background-color:#FFFFFF !important;<br />
}<br />
<br />
body.paused *<br />
{<br />
-moz-transition: none;<br />
-webkit-transition: none;<br />
-o-transition: none;<br />
-ms-transition: none;<br />
transition: none;<br />
}<br />
<br />
body<br />
{<br />
background: #f0f4f4;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
center p<br />
{<br />
text-align:center;<br />
}<br />
<br />
body,input,textarea,select<br />
{<br />
font-size: 12pt;<br />
line-height: 1.85em;<br />
}<br />
<br />
.thumb<br />
{<br />
max-height:90%;<br />
max-width:90%;<br />
}<br />
<br />
.thumbimage, .thumbinner, .image<br />
{<br />
max-height:100%;<br />
max-width:100%;<br />
}<br />
<br />
div<br />
{<br />
max-width:100%;<br />
}<br />
<br />
img<br />
{<br />
max-width:100%;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6<br />
{<br />
font-weight: 400;<br />
color: #483949;<br />
line-height: 1.25em;<br />
}<br />
<br />
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a<br />
{<br />
color: #002bb8;<br />
text-decoration: none;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong<br />
{<br />
font-weight: 600;<br />
}<br />
<br />
h2<br />
{<br />
font-size: 2em;<br />
}<br />
<br />
h3<br />
{<br />
font-size: 1.2em;<br />
text-align:left;<br />
margin-top:1.3em;<br />
margin-bottom:1.2em !important;<br />
font-weight:800;<br />
}<br />
<br />
h4<br />
{<br />
font-size: 1em;<br />
text-align: left;<br />
font-style: italic;<br />
}<br />
<br />
h5<br />
{<br />
font-size: 1.2em;<br />
text-align:center;<br />
} <br />
.byline<br />
{<br />
display: block;<br />
font-size: 1.5em;<br />
margin-top: 1em;<br />
line-height: 1.5em;<br />
color:#fff;<br />
}<br />
<br />
strong<br />
{<br />
font-weight: 400;<br />
color: #FF0000;<br />
}<br />
<br />
b<br />
{<br />
font-weight: 800;<br />
}<br />
<br />
em, i<br />
{<br />
font-style: italic;<br />
}<br />
<br />
a<br />
{<br />
text-decoration: none;<br />
-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
}<br />
<br />
a:hover<br />
{<br />
color: #ef8376;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
sub<br />
{<br />
position: relative;<br />
top: 0.5em;<br />
font-size: 0.8em;<br />
}<br />
<br />
sup<br />
{<br />
position: relative;<br />
top: -0.5em;<br />
font-size: 0.8em;<br />
}<br />
<br />
blockquote<br />
{<br />
border-left: solid 0.5em #ddd;<br />
padding: 1em 0 1em 2em;<br />
font-style: italic;<br />
}<br />
<br />
ul, ol, dl, table<br />
{<br />
margin-bottom: 1em;<br />
font-size:12pt;<br />
}<br />
<br />
ol<br />
{ <br />
list-style-type:decimal;<br />
text-align:left;<br />
list-style-position: inside;<br />
}<br />
<br />
p<br />
{<br />
color: #000000;<br />
text-align: justify;<br />
font-size: 12pt;<br />
}<br />
<br />
br.clear<br />
{<br />
clear: both;<br />
}<br />
<br />
header<br />
{<br />
margin: 0 0 1em 0;<br />
}<br />
<br />
header .byline<br />
{<br />
margin-bottom: 2em;<br />
color:#fff;<br />
}<br />
<br />
footer<br />
{<br />
margin: 2.5em 0 0 0;<br />
}<br />
<br />
hr<br />
{<br />
position: relative;<br />
display: block;<br />
top: 4.5em;<br />
margin-bottom: 9em;<br />
background: rgba(128,128,128,0);<br />
height: 6px;<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
border-bottom: solid 1px rgba(128,128,128,0.2);<br />
}<br />
<br />
hr:before,<br />
hr:after<br />
{<br />
content: '';<br />
position: absolute;<br />
top: -8px;<br />
display: block;<br />
width: 1px;<br />
height: 21px;<br />
background: rgba(128,128,128,0.2); <br />
}<br />
<br />
hr:before<br />
{<br />
left: -1px;<br />
}<br />
<br />
hr:after<br />
{<br />
right: -1px;<br />
}<br />
<br />
<br />
@media <br />
only screen and (max-width: 1400px) {<br />
<br />
/* Force table to not be like tables anymore */<br />
table.resized , .resized thead , .resized tbody , .resized th , .resized td , .resized tr { <br />
display: block; <br />
}<br />
<br />
/* Hide table headers (but not display: none;, for accessibility) */<br />
.resized thead tr { <br />
position: absolute;<br />
top: -9999px;<br />
left: -9999px;<br />
}<br />
<br />
<br />
.resized td { <br />
/* Behave like a "row" */<br />
position: relative;<br />
}<br />
<br />
.resized td:before { <br />
/* Now like a table header */<br />
position: absolute;<br />
/* Top/left values mimic padding */<br />
top: 6px;<br />
left: 6px;<br />
width: 45%; <br />
padding-right: 10px; <br />
white-space: nowrap;<br />
}<br />
<br />
}<br />
<br />
.timestamp<br />
{<br />
color: rgba(128,128,128,0.75);<br />
font-size: 0.8em;<br />
}<br />
<br />
/* Sections/Articles */<br />
<br />
section, article {<br />
margin-bottom :3em;<br />
} <br />
<br />
article<br />
{<br />
background: #fff;<br />
position: relative;<br />
z-index: 1;<br />
padding: 5%;<br />
text-align:justify;<br />
font-family: Source Sans Pro;<br />
}<br />
<br />
article > ul<br />
{ <br />
list-style-type:disc;<br />
text-align:left;<br />
font-size:12pt;<br />
margin-left:2%;<br />
}<br />
<br />
section > :last-child,<br />
article > :last-child<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
section:last-child,<br />
article:last-child<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
.row > section,<br />
.row > article<br />
{<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
}<br />
<br />
.container .row:<br />
{<br />
padding-left:0px;<br />
}<br />
<br />
section.special > header,<br />
section.special > footer,<br />
article.special > header,<br />
article.special > footer<br />
{<br />
text-align: center;<br />
}<br />
<br />
/* Images */<br />
<br />
#igemLogo {<br />
position:absolute;<br />
right:2%;<br />
top:1em;<br />
z-index:10001;<br />
width:10%;<br />
}<br />
<br />
#mosaiLogo {<br />
position:absolute;<br />
left:2%;<br />
top:1em;<br />
z-index:10001;<br />
width:10%;<br />
}<br />
<br />
.image<br />
{<br />
position: relative;<br />
display: inline-block;<br />
border: 0;<br />
outline: 0;<br />
}<br />
<br />
/* Uncomment the block below if you want linked images to highlight on hover */<br />
<br />
/*<br />
a.image:before<br />
{<br />
content: '';<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
background: #fff;<br />
opacity: 0;<br />
-moz-transition: opacity 0.35s ease-in-out;<br />
-webkit-transition: opacity 0.35s ease-in-out;<br />
-o-transition: opacity 0.35s ease-in-out;<br />
-ms-transition: opacity 0.35s ease-in-out;<br />
transition: opacity 0.35s ease-in-out;<br />
}<br />
<br />
a.image:hover:before<br />
{<br />
opacity: 0.15;<br />
}<br />
*/<br />
<br />
.image img<br />
{<br />
display: block;<br />
height: auto;<br />
}<br />
<br />
a>img<br />
{<br />
display: block;<br />
height: auto;<br />
}<br />
<br />
.image.full<br />
{<br />
display: block;<br />
width: 100%;<br />
}<br />
<br />
.image.featured<br />
{<br />
display: block;<br />
width: 100%;<br />
margin: 0 0 4em 0;<br />
}<br />
<br />
.image.left<br />
{<br />
float: left;<br />
margin: 0 2em 2em 0;<br />
}<br />
<br />
.image.centered<br />
{<br />
display: block;<br />
margin: 0 0 2em 0;<br />
}<br />
<br />
.image.centered img<br />
{<br />
margin: 0 auto;<br />
width: auto;<br />
}<br />
a.svg {<br />
position: relative;<br />
display: inline-block;<br />
}<br />
/* Lists */<br />
<br />
ul.style1<br />
{<br />
}<br />
<br />
ul.actions<br />
{<br />
}<br />
<br />
ul.divided<br />
{<br />
}<br />
<br />
ul.divided li<br />
{<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
padding-top: 1.5em;<br />
margin-top: 1.5em;<br />
}<br />
<br />
ul.divided li:first-child<br />
{<br />
border-top: 0;<br />
padding-top: 0;<br />
margin-top: 0;<br />
}<br />
<br />
ul.menu<br />
{<br />
height: 1em;<br />
line-height: 1em;<br />
}<br />
<br />
ul.menu li<br />
{<br />
display: inline-block;<br />
border-left: solid 1px rgba(128,128,128,0.2);<br />
padding-left: 1.25em;<br />
margin-left: 1.25em;<br />
list-style-type: none !important;<br />
}<br />
<br />
ul.menu li:first-child<br />
{<br />
border-left: 0;<br />
padding-left: 0;<br />
margin-left: 0;<br />
}<br />
<br />
ul.icons li<br />
{<br />
display: inline-block;<br />
}<br />
<br />
ul.icons li a<br />
{<br />
display: inline-block;<br />
background: none;<br />
width: 10em;<br />
height: auto;<br />
line-height: 2.5em;<br />
text-align: center;<br />
border-radius: 100%;<br />
border: 0;<br />
color: #fff;<br />
padding: 0.6em;<br />
}<br />
<br />
ul.icons li a:hover<br />
{<br />
color: #ef8376;<br />
}<br />
<br />
ol.style1<br />
{<br />
}<br />
ul.sponsors<br />
{<br />
width: 100% !important;<br />
text-align:center !important;<br />
}<br />
<br />
ul.sponsors li<br />
{<br />
display: inline-block;<br />
height: auto;<br />
background: none;<br />
height: auto;<br />
text-align: center;<br />
}<br />
ul.sponsors li a img<br />
{<br />
display: inline-block;<br />
width: 10em;<br />
}<br />
<br />
/* Forms */<br />
<br />
form<br />
{<br />
}<br />
<br />
form label<br />
{<br />
display: block;<br />
}<br />
<br />
form input.text,<br />
form select,<br />
form textarea<br />
{<br />
-webkit-appearance: none;<br />
display: block;<br />
border: 0;<br />
background: #ccc;<br />
width: 100%;<br />
}<br />
<br />
form input.text:hover,<br />
form select:hover,<br />
form textarea:hover<br />
{<br />
}<br />
<br />
form input.text:focus,<br />
form select:focus,<br />
form textarea:focus<br />
{<br />
}<br />
<br />
form textarea<br />
{<br />
min-height: 9em;<br />
}<br />
<br />
form .formerize-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-webkit-input-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form :-moz-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-moz-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form :-ms-input-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-moz-focus-inner<br />
{<br />
border: 0;<br />
}<br />
<br />
/* Tables */<br />
<br />
table<br />
{<br />
width: 100%;<br />
}<br />
<br />
table.style1<br />
{<br />
width: 100%;<br />
}<br />
<br />
table.style1 tbody tr:nth-child(2n+2)<br />
{<br />
background: #f4f4f4;<br />
}<br />
<br />
table.style1 td<br />
{<br />
padding: 0.5em 1em 0.5em 1em;<br />
}<br />
<br />
table.style1 th<br />
{<br />
text-align: left;<br />
font-weight: 400;<br />
padding: 0.5em 1em 0.5em 1em;<br />
}<br />
<br />
table.style1 thead<br />
{<br />
background: #444;<br />
}<br />
<br />
table.style1 tfoot<br />
{<br />
background: #eee;<br />
}<br />
<br />
table.style1 tbody<br />
{<br />
}<br />
<br />
/* Buttons */<br />
<br />
/* Blog mosaic */<br />
#red<br />
{<br />
fill: #CD3C28;<br />
}<br />
<br />
#red:hover<br />
{<br />
fill: #FF0000;<br />
}<br />
<br />
#blue<br />
{<br />
fill: #1EB2E1;<br />
}<br />
<br />
#blue:hover<br />
{<br />
fill: #08F3FF;<br />
}<br />
<br />
#darkblue<br />
{<br />
fill: #21409A;<br />
}<br />
<br />
#darkblue:hover<br />
{<br />
fill: #2F62E0;<br />
}<br />
<br />
#green<br />
{<br />
fill: #60C914;<br />
}<br />
<br />
#green:hover<br />
{<br />
fill: #00FF00;<br />
}<br />
<br />
#gold<br />
{<br />
fill: #FFCC00;<br />
}<br />
<br />
#gold:hover<br />
{<br />
fill: #FFFF00;<br />
}<br />
<br />
#silver<br />
{<br />
fill: #C0C0C0;<br />
}<br />
<br />
#silver:hover<br />
{<br />
fill: #E6E6E6;<br />
}<br />
<br />
<br />
#bronze<br />
{<br />
fill: #8C7853;<br />
}<br />
<br />
#bronze:hover<br />
{<br />
fill: #CC9900;<br />
}<br />
<br />
/* Molbio animation */<br />
<br />
.animbutton#lasblue:hover, .animbutton#luxblue:hover,.animbutton#bothblue:hover, .animbutton#noneblue:hover<br />
{<br />
fill: #6F93EF;<br />
}<br />
<br />
<br />
.animbutton#lasred:hover, .animbutton#luxred:hover,.animbutton#bothred:hover, .animbutton#nonered:hover<br />
{<br />
fill: #F18B92;<br />
}<br />
<br />
<br />
/* Other buttons */<br />
<br />
.button<br />
{<br />
position: relative;<br />
display: inline;<br />
background: #df7366;<br />
color: #fff;<br />
text-align: center;<br />
border-radius: 0.5em;<br />
text-decoration: none;<br />
padding: 0.65em 3em 0.65em 3em;<br />
border: 0;<br />
cursor: pointer;<br />
outline: 0;<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
<br />
.button:hover<br />
{<br />
color: #fff;<br />
background: #ef8376;<br />
}<br />
<br />
.button:active<br />
{<br />
}<br />
<br />
.button.alt<br />
{<br />
}<br />
<br />
.button.alt:hover<br />
{<br />
}<br />
<br />
.button.alt:active<br />
{<br />
}<br />
<br />
.button.small<br />
{<br />
}<br />
<br />
.button.big<br />
{<br />
}<br />
<br />
.button.huge<br />
{<br />
}<br />
<br />
/* Posts */<br />
<br />
.post<br />
{<br />
}<br />
<br />
.post.stub<br />
{<br />
text-align: center;<br />
}<br />
<br />
.post.stub header<br />
{<br />
margin: 0;<br />
}<br />
<br />
/* Hidden Content Slider */<br />
#hidden_content{display:none;}<br />
#hide_content{}<br />
<br />
/*********************************************************************************/<br />
/* Icons */<br />
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */<br />
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */<br />
/*********************************************************************************/<br />
<br />
.fa<br />
{<br />
text-decoration: none;<br />
}<br />
<br />
.fa.solo<br />
{<br />
}<br />
<br />
.fa.solo span<br />
{<br />
display: none;<br />
}<br />
<br />
.fa.circled<br />
{<br />
position: relative;<br />
display: inline-block;<br />
background: #2b252c;<br />
color: #fff;<br />
border-radius: 100%;<br />
width: 3.5em;<br />
height: 3.5em;<br />
line-height: 3.5em;<br />
text-align: center;<br />
font-size: 1em;<br />
}<br />
<br />
.fa.circled:before<br />
{<br />
font-size: 2em;<br />
line-height: 1.75em;<br />
}<br />
<br />
header .fa.circled<br />
{<br />
margin: 0 0 2em 0;<br />
}<br />
<br />
.fa:before<br />
{<br />
display:inline-block;<br />
font-size: 1.25em;<br />
text-decoration: none;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-font-smoothing:antialiased;<br />
-moz-osx-font-smoothing:grayscale;<br />
}<br />
<br />
.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}<br />
.fa-2x{font-size:2em}<br />
.fa-3x{font-size:3em}<br />
.fa-4x{font-size:4em}<br />
.fa-5x{font-size:5em}<br />
.fa-fw{width:1.2857142857142858em;text-align:center}<br />
.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}<br />
.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}<br />
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}<br />
.pull-right{float:right}<br />
.pull-left{float:left}<br />
.fa.pull-left{margin-right:.3em}<br />
.fa.pull-right{margin-left:.3em}<br />
.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}<br />
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}<br />
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}<br />
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}<br />
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}<br />
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}<br />
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}<br />
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}<br />
.fa-stack-1x{line-height:inherit}<br />
.fa-stack-2x{font-size:2em}<br />
.fa-inverse{color:#fff}<br />
.fa-glass:before{content:"\f000"}<br />
.fa-music:before{content:"\f001"}<br />
.fa-search:before{content:"\f002"}<br />
.fa-envelope-o:before{content:"\f003"}<br />
.fa-heart:before{content:"\f004"}<br />
.fa-star:before{content:"\f005"}<br />
.fa-star-o:before{content:"\f006"}<br />
.fa-user:before{content:"\f007"}<br />
.fa-film:before{content:"\f008"}<br />
.fa-th-large:before{content:"\f009"}<br />
.fa-th:before{content:"\f00a"}<br />
.fa-th-list:before{content:"\f00b"}<br />
.fa-check:before{content:"\f00c"}<br />
.fa-times:before{content:"\f00d"}<br />
.fa-search-plus:before{content:"\f00e"}<br />
.fa-search-minus:before{content:"\f010"}<br />
.fa-power-off:before{content:"\f011"}<br />
.fa-signal:before{content:"\f012"}<br />
.fa-gear:before,.fa-cog:before{content:"\f013"}<br />
.fa-trash-o:before{content:"\f014"}<br />
.fa-home:before{content:"\f015"}<br />
.fa-file-o:before{content:"\f016"}<br />
.fa-clock-o:before{content:"\f017"}<br />
.fa-road:before{content:"\f018"}<br />
.fa-download:before{content:"\f019"}<br />
.fa-arrow-circle-o-down:before{content:"\f01a"}<br />
.fa-arrow-circle-o-up:before{content:"\f01b"}<br />
.fa-inbox:before{content:"\f01c"}<br />
.fa-play-circle-o:before{content:"\f01d"}<br />
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}<br />
.fa-refresh:before{content:"\f021"}<br />
.fa-list-alt:before{content:"\f022"}<br />
.fa-lock:before{content:"\f023"}<br />
.fa-flag:before{content:"\f024"}<br />
.fa-headphones:before{content:"\f025"}<br />
.fa-volume-off:before{content:"\f026"}<br />
.fa-volume-down:before{content:"\f027"}<br />
.fa-volume-up:before{content:"\f028"}<br />
.fa-qrcode:before{content:"\f029"}<br />
.fa-barcode:before{content:"\f02a"}<br />
.fa-tag:before{content:"\f02b"}<br />
.fa-tags:before{content:"\f02c"}<br />
.fa-book:before{content:"\f02d"}<br />
.fa-bookmark:before{content:"\f02e"}<br />
.fa-print:before{content:"\f02f"}<br />
.fa-camera:before{content:"\f030"}<br />
.fa-font:before{content:"\f031"}<br />
.fa-bold:before{content:"\f032"}<br />
.fa-italic:before{content:"\f033"}<br />
.fa-text-height:before{content:"\f034"}<br />
.fa-text-width:before{content:"\f035"}<br />
.fa-align-left:before{content:"\f036"}<br />
.fa-align-center:before{content:"\f037"}<br />
.fa-align-right:before{content:"\f038"}<br />
.fa-align-justify:before{content:"\f039"}<br />
.fa-list:before{content:"\f03a"}<br />
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}<br />
.fa-indent:before{content:"\f03c"}<br />
.fa-video-camera:before{content:"\f03d"}<br />
.fa-picture-o:before{content:"\f03e"}<br />
.fa-pencil:before{content:"\f040"}<br />
.fa-map-marker:before{content:"\f041"}<br />
.fa-adjust:before{content:"\f042"}<br />
.fa-tint:before{content:"\f043"}<br />
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}<br />
.fa-share-square-o:before{content:"\f045"}<br />
.fa-check-square-o:before{content:"\f046"}<br />
.fa-move:before{content:"\f047"}<br />
.fa-step-backward:before{content:"\f048"}<br />
.fa-fast-backward:before{content:"\f049"}<br />
.fa-backward:before{content:"\f04a"}<br />
.fa-play:before{content:"\f04b"}<br />
.fa-pause:before{content:"\f04c"}<br />
.fa-stop:before{content:"\f04d"}<br />
.fa-forward:before{content:"\f04e"}<br />
.fa-fast-forward:before{content:"\f050"}<br />
.fa-step-forward:before{content:"\f051"}<br />
.fa-eject:before{content:"\f052"}<br />
.fa-chevron-left:before{content:"\f053"}<br />
.fa-chevron-right:before{content:"\f054"}<br />
.fa-plus-circle:before{content:"\f055"}<br />
.fa-minus-circle:before{content:"\f056"}<br />
.fa-times-circle:before{content:"\f057"}<br />
.fa-check-circle:before{content:"\f058"}<br />
.fa-question-circle:before{content:"\f059"}<br />
.fa-info-circle:before{content:"\f05a"}<br />
.fa-crosshairs:before{content:"\f05b"}<br />
.fa-times-circle-o:before{content:"\f05c"}<br />
.fa-check-circle-o:before{content:"\f05d"}<br />
.fa-ban:before{content:"\f05e"}<br />
.fa-arrow-left:before{content:"\f060"}<br />
.fa-arrow-right:before{content:"\f061"}<br />
.fa-arrow-up:before{content:"\f062"}<br />
.fa-arrow-down:before{content:"\f063"}<br />
.fa-mail-forward:before,.fa-share:before{content:"\f064"}<br />
.fa-resize-full:before{content:"\f065"}<br />
.fa-resize-small:before{content:"\f066"}<br />
.fa-plus:before{content:"\f067"}<br />
.fa-minus:before{content:"\f068"}<br />
.fa-asterisk:before{content:"\f069"}<br />
.fa-exclamation-circle:before{content:"\f06a"}<br />
.fa-gift:before{content:"\f06b"}<br />
.fa-leaf:before{content:"\f06c"}<br />
.fa-fire:before{content:"\f06d"}<br />
.fa-eye:before{content:"\f06e"}<br />
.fa-eye-slash:before{content:"\f070"}<br />
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}<br />
.fa-plane:before{content:"\f072"}<br />
.fa-calendar:before{content:"\f073"}<br />
.fa-random:before{content:"\f074"}<br />
.fa-comment:before{content:"\f075"}<br />
.fa-magnet:before{content:"\f076"}<br />
.fa-chevron-up:before{content:"\f077"}<br />
.fa-chevron-down:before{content:"\f078"}<br />
.fa-retweet:before{content:"\f079"}<br />
.fa-shopping-cart:before{content:"\f07a"}<br />
.fa-folder:before{content:"\f07b"}<br />
.fa-folder-open:before{content:"\f07c"}<br />
.fa-resize-vertical:before{content:"\f07d"}<br />
.fa-resize-horizontal:before{content:"\f07e"}<br />
.fa-bar-chart-o:before{content:"\f080"}<br />
.fa-twitter-square:before{content:"\f081"}<br />
.fa-facebook-square:before{content:"\f082"}<br />
.fa-camera-retro:before{content:"\f083"}<br />
.fa-key:before{content:"\f084"}<br />
.fa-gears:before,.fa-cogs:before{content:"\f085"}<br />
.fa-comments:before{content:"\f086"}<br />
.fa-thumbs-o-up:before{content:"\f087"}<br />
.fa-thumbs-o-down:before{content:"\f088"}<br />
.fa-star-half:before{content:"\f089"}<br />
.fa-heart-o:before{content:"\f08a"}<br />
.fa-sign-out:before{content:"\f08b"}<br />
.fa-linkedin-square:before{content:"\f08c"}<br />
.fa-thumb-tack:before{content:"\f08d"}<br />
.fa-external-link:before{content:"\f08e"}<br />
.fa-sign-in:before{content:"\f090"}<br />
.fa-trophy:before{content:"\f091"}<br />
.fa-github-square:before{content:"\f092"}<br />
.fa-upload:before{content:"\f093"}<br />
.fa-lemon-o:before{content:"\f094"}<br />
.fa-phone:before{content:"\f095"}<br />
.fa-square-o:before{content:"\f096"}<br />
.fa-bookmark-o:before{content:"\f097"}<br />
.fa-phone-square:before{content:"\f098"}<br />
.fa-twitter:before{content:"\f099"}<br />
.fa-facebook:before{content:"\f09a"}<br />
.fa-github:before{content:"\f09b"}<br />
.fa-unlock:before{content:"\f09c"}<br />
.fa-credit-card:before{content:"\f09d"}<br />
.fa-rss:before{content:"\f09e"}<br />
.fa-hdd-o:before{content:"\f0a0"}<br />
.fa-bullhorn:before{content:"\f0a1"}<br />
.fa-bell:before{content:"\f0f3"}<br />
.fa-certificate:before{content:"\f0a3"}<br />
.fa-hand-o-right:before{content:"\f0a4"}<br />
.fa-hand-o-left:before{content:"\f0a5"}<br />
.fa-hand-o-up:before{content:"\f0a6"}<br />
.fa-hand-o-down:before{content:"\f0a7"}<br />
.fa-arrow-circle-left:before{content:"\f0a8"}<br />
.fa-arrow-circle-right:before{content:"\f0a9"}<br />
.fa-arrow-circle-up:before{content:"\f0aa"}<br />
.fa-arrow-circle-down:before{content:"\f0ab"}<br />
.fa-globe:before{content:"\f0ac"}<br />
.fa-wrench:before{content:"\f0ad"}<br />
.fa-tasks:before{content:"\f0ae"}<br />
.fa-filter:before{content:"\f0b0"}<br />
.fa-briefcase:before{content:"\f0b1"}<br />
.fa-fullscreen:before{content:"\f0b2"}<br />
.fa-group:before{content:"\f0c0"}<br />
.fa-chain:before,.fa-link:before{content:"\f0c1"}<br />
.fa-cloud:before{content:"\f0c2"}<br />
.fa-flask:before{content:"\f0c3"}<br />
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}<br />
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}<br />
.fa-paperclip:before{content:"\f0c6"}<br />
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}<br />
.fa-square:before{content:"\f0c8"}<br />
.fa-reorder:before{content:"\f0c9"}<br />
.fa-list-ul:before{content:"\f0ca"}<br />
.fa-list-ol:before{content:"\f0cb"}<br />
.fa-strikethrough:before{content:"\f0cc"}<br />
.fa-underline:before{content:"\f0cd"}<br />
.fa-table:before{content:"\f0ce"}<br />
.fa-magic:before{content:"\f0d0"}<br />
.fa-truck:before{content:"\f0d1"}<br />
.fa-pinterest:before{content:"\f0d2"}<br />
.fa-pinterest-square:before{content:"\f0d3"}<br />
.fa-google-plus-square:before{content:"\f0d4"}<br />
.fa-google-plus:before{content:"\f0d5"}<br />
.fa-money:before{content:"\f0d6"}<br />
.fa-caret-down:before{content:"\f0d7"}<br />
.fa-caret-up:before{content:"\f0d8"}<br />
.fa-caret-left:before{content:"\f0d9"}<br />
.fa-caret-right:before{content:"\f0da"}<br />
.fa-columns:before{content:"\f0db"}<br />
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}<br />
.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}<br />
.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}<br />
.fa-envelope:before{content:"\f0e0"}<br />
.fa-linkedin:before{content:"\f0e1"}<br />
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}<br />
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}<br />
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}<br />
.fa-comment-o:before{content:"\f0e5"}<br />
.fa-comments-o:before{content:"\f0e6"}<br />
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}<br />
.fa-sitemap:before{content:"\f0e8"}<br />
.fa-umbrella:before{content:"\f0e9"}<br />
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}<br />
.fa-lightbulb-o:before{content:"\f0eb"}<br />
.fa-exchange:before{content:"\f0ec"}<br />
.fa-cloud-download:before{content:"\f0ed"}<br />
.fa-cloud-upload:before{content:"\f0ee"}<br />
.fa-user-md:before{content:"\f0f0"}<br />
.fa-stethoscope:before{content:"\f0f1"}<br />
.fa-suitcase:before{content:"\f0f2"}<br />
.fa-bell-o:before{content:"\f0a2"}<br />
.fa-coffee:before{content:"\f0f4"}<br />
.fa-cutlery:before{content:"\f0f5"}<br />
.fa-file-text-o:before{content:"\f0f6"}<br />
.fa-building:before{content:"\f0f7"}<br />
.fa-hospital:before{content:"\f0f8"}<br />
.fa-ambulance:before{content:"\f0f9"}<br />
.fa-medkit:before{content:"\f0fa"}<br />
.fa-fighter-jet:before{content:"\f0fb"}<br />
.fa-beer:before{content:"\f0fc"}<br />
.fa-h-square:before{content:"\f0fd"}<br />
.fa-plus-square:before{content:"\f0fe"}<br />
.fa-angle-double-left:before{content:"\f100"}<br />
.fa-angle-double-right:before{content:"\f101"}<br />
.fa-angle-double-up:before{content:"\f102"}<br />
.fa-angle-double-down:before{content:"\f103"}<br />
.fa-angle-left:before{content:"\f104"}<br />
.fa-angle-right:before{content:"\f105"}<br />
.fa-angle-up:before{content:"\f106"}<br />
.fa-angle-down:before{content:"\f107"}<br />
.fa-desktop:before{content:"\f108"}<br />
.fa-laptop:before{content:"\f109"}<br />
.fa-tablet:before{content:"\f10a"}<br />
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}<br />
.fa-circle-o:before{content:"\f10c"}<br />
.fa-quote-left:before{content:"\f10d"}<br />
.fa-quote-right:before{content:"\f10e"}<br />
.fa-spinner:before{content:"\f110"}<br />
.fa-circle:before{content:"\f111"}<br />
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}<br />
.fa-github-alt:before{content:"\f113"}<br />
.fa-folder-o:before{content:"\f114"}<br />
.fa-folder-open-o:before{content:"\f115"}<br />
.fa-expand-o:before{content:"\f116"}<br />
.fa-collapse-o:before{content:"\f117"}<br />
.fa-smile-o:before{content:"\f118"}<br />
.fa-frown-o:before{content:"\f119"}<br />
.fa-meh-o:before{content:"\f11a"}<br />
.fa-gamepad:before{content:"\f11b"}<br />
.fa-keyboard-o:before{content:"\f11c"}<br />
.fa-flag-o:before{content:"\f11d"}<br />
.fa-flag-checkered:before{content:"\f11e"}<br />
.fa-terminal:before{content:"\f120"}<br />
.fa-code:before{content:"\f121"}<br />
.fa-reply-all:before{content:"\f122"}<br />
.fa-mail-reply-all:before{content:"\f122"}<br />
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}<br />
.fa-location-arrow:before{content:"\f124"}<br />
.fa-crop:before{content:"\f125"}<br />
.fa-code-fork:before{content:"\f126"}<br />
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}<br />
.fa-question:before{content:"\f128"}<br />
.fa-info:before{content:"\f129"}<br />
.fa-exclamation:before{content:"\f12a"}<br />
.fa-superscript:before{content:"\f12b"}<br />
.fa-subscript:before{content:"\f12c"}<br />
.fa-eraser:before{content:"\f12d"}<br />
.fa-puzzle-piece:before{content:"\f12e"}<br />
.fa-microphone:before{content:"\f130"}<br />
.fa-microphone-slash:before{content:"\f131"}<br />
.fa-shield:before{content:"\f132"}<br />
.fa-calendar-o:before{content:"\f133"}<br />
.fa-fire-extinguisher:before{content:"\f134"}<br />
.fa-rocket:before{content:"\f135"}<br />
.fa-maxcdn:before{content:"\f136"}<br />
.fa-chevron-circle-left:before{content:"\f137"}<br />
.fa-chevron-circle-right:before{content:"\f138"}<br />
.fa-chevron-circle-up:before{content:"\f139"}<br />
.fa-chevron-circle-down:before{content:"\f13a"}<br />
.fa-html5:before{content:"\f13b"}<br />
.fa-css3:before{content:"\f13c"}<br />
.fa-anchor:before{content:"\f13d"}<br />
.fa-unlock-o:before{content:"\f13e"}<br />
.fa-bullseye:before{content:"\f140"}<br />
.fa-ellipsis-horizontal:before{content:"\f141"}<br />
.fa-ellipsis-vertical:before{content:"\f142"}<br />
.fa-rss-square:before{content:"\f143"}<br />
.fa-play-circle:before{content:"\f144"}<br />
.fa-ticket:before{content:"\f145"}<br />
.fa-minus-square:before{content:"\f146"}<br />
.fa-minus-square-o:before{content:"\f147"}<br />
.fa-level-up:before{content:"\f148"}<br />
.fa-level-down:before{content:"\f149"}<br />
.fa-check-square:before{content:"\f14a"}<br />
.fa-pencil-square:before{content:"\f14b"}<br />
.fa-external-link-square:before{content:"\f14c"}<br />
.fa-share-square:before{content:"\f14d"}<br />
.fa-compass:before{content:"\f14e"}<br />
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}<br />
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}<br />
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}<br />
.fa-euro:before,.fa-eur:before{content:"\f153"}<br />
.fa-gbp:before{content:"\f154"}<br />
.fa-dollar:before,.fa-usd:before{content:"\f155"}<br />
.fa-rupee:before,.fa-inr:before{content:"\f156"}<br />
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}<br />
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}<br />
.fa-won:before,.fa-krw:before{content:"\f159"}<br />
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}<br />
.fa-file:before{content:"\f15b"}<br />
.fa-file-text:before{content:"\f15c"}<br />
.fa-sort-alpha-asc:before{content:"\f15d"}<br />
.fa-sort-alpha-desc:before{content:"\f15e"}<br />
.fa-sort-amount-asc:before{content:"\f160"}<br />
.fa-sort-amount-desc:before{content:"\f161"}<br />
.fa-sort-numeric-asc:before{content:"\f162"}<br />
.fa-sort-numeric-desc:before{content:"\f163"}<br />
.fa-thumbs-up:before{content:"\f164"}<br />
.fa-thumbs-down:before{content:"\f165"}<br />
.fa-youtube-square:before{content:"\f166"}<br />
.fa-youtube:before{content:"\f167"}<br />
.fa-xing:before{content:"\f168"}<br />
.fa-xing-square:before{content:"\f169"}<br />
.fa-youtube-play:before{content:"\f16a"}<br />
.fa-dropbox:before{content:"\f16b"}<br />
.fa-stack-overflow:before{content:"\f16c"}<br />
.fa-instagram:before{content:"\f16d"}<br />
.fa-flickr:before{content:"\f16e"}<br />
.fa-adn:before{content:"\f170"}<br />
.fa-bitbucket:before{content:"\f171"}<br />
.fa-bitbucket-square:before{content:"\f172"}<br />
.fa-tumblr:before{content:"\f173"}<br />
.fa-tumblr-square:before{content:"\f174"}<br />
.fa-long-arrow-down:before{content:"\f175"}<br />
.fa-long-arrow-up:before{content:"\f176"}<br />
.fa-long-arrow-left:before{content:"\f177"}<br />
.fa-long-arrow-right:before{content:"\f178"}<br />
.fa-apple:before{content:"\f179"}<br />
.fa-windows:before{content:"\f17a"}<br />
.fa-android:before{content:"\f17b"}<br />
.fa-linux:before{content:"\f17c"}<br />
.fa-dribbble:before{content:"\f17d"}<br />
.fa-skype:before{content:"\f17e"}<br />
.fa-foursquare:before{content:"\f180"}<br />
.fa-trello:before{content:"\f181"}<br />
.fa-female:before{content:"\f182"}<br />
.fa-male:before{content:"\f183"}<br />
.fa-gittip:before{content:"\f184"}<br />
.fa-sun-o:before{content:"\f185"}<br />
.fa-moon-o:before{content:"\f186"}<br />
.fa-archive:before{content:"\f187"}<br />
.fa-bug:before{content:"\f188"}<br />
.fa-vk:before{content:"\f189"}<br />
.fa-weibo:before{content:"\f18a"}<br />
.fa-renren:before{content:"\f18b"}<br />
.fa-pagelines:before{content:"\f18c"}<br />
.fa-stack-exchange:before{content:"\f18d"}<br />
.fa-arrow-circle-o-right:before{content:"\f18e"}<br />
.fa-arrow-circle-o-left:before{content:"\f190"}<br />
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}<br />
.fa-dot-circle-o:before{content:"\f192"}<br />
.fa-wheelchair:before{content:"\f193"}<br />
.fa-vimeo-square:before{content:"\f194"}<br />
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}<br />
<br />
/*********************************************************************************/<br />
/* Wrapper */<br />
/*********************************************************************************/<br />
<br />
.wrapper<br />
{<br />
color:inherit;<br />
margin: 0 0 5%;<br />
}<br />
<br />
.wrapper.style1<br />
{<br />
background-color:#fff;<br />
position:relative;<br />
margin: 0 auto;<br />
width : 90%;<br />
}<br />
<br />
.wrapper.style2<br />
{<br />
padding-top: 0;<br />
}<br />
<br />
<br />
/*********************************************************************************/<br />
/* Header */<br />
/*********************************************************************************/<br />
<br />
#header<br />
{<br />
position: relative;<br />
background-image: url('https://static.igem.org/mediawiki/2014/d/d8/ETH_Zurich_background.png');<br />
background-size: cover;<br />
background-attachment: fixed;<br />
text-align: center;<br />
padding: 10% 5% 10% 5%;<br />
cursor: default;<br />
font-weight: 200;<br />
vertical-align: bottom;<br />
}<br />
<br />
.homepage #header<br />
{<br />
padding: 17% 5% 10% 5% !important;<br />
}<br />
<br />
.inner#header<br />
{<br />
content: '';<br />
background: #2b2e3c;<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
opacity: 1.0;<br />
-moz-transition: opacity 2s ease-in-out;<br />
-webkit-transition: opacity 2s ease-in-out;<br />
-o-transition: opacity 2s ease-in-out;<br />
-ms-transition: opacity 2s ease-in-out;<br />
transition: opacity 2s ease-in-out;<br />
}<br />
<br />
.homepage #header.ready .overlay<br />
{<br />
opacity: 0;<br />
}<br />
<br />
.inner<br />
{<br />
z-index: 1;<br />
position: relative;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
<br />
.inner2<br />
{<br />
background: #fff;<br />
position: relative;<br />
z-index: 1;<br />
padding: 2% 10%;<br />
min-height: 30em;<br />
width:87%;<br />
margin:auto;<br />
}<br />
<br />
<br />
#header .inner2 ul<br />
{ <br />
list-style-type:disc;<br />
text-align:left;<br />
font-size:12pt;<br />
margin-left:2%;<br />
}<br />
<br />
#header h1<br />
{<br />
color: #fff;<br />
font-size: 3em;<br />
line-height: 1em;<br />
}<br />
<br />
.homepage #header h1<br />
{<br />
font-size: 4em;<br />
}<br />
<br />
#header h1 a<br />
{<br />
color: inherit;<br />
}<br />
<br />
#header .byline<br />
{<br />
font-size: 1.25em;<br />
margin: 0;<br />
padding-bottom: 2%;<br />
}<br />
<br />
#header .button<br />
{<br />
border-radius: 100%;<br />
width: 5.5em;<br />
height: 5.5em;<br />
line-height: 4em;<br />
text-align: center;<br />
font-size: 1em;<br />
padding: 1%;<br />
color: #fff;<br />
text-decoration: none;<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
<br />
#header .twolines<br />
{<br />
line-height:inherit;<br />
} <br />
<br />
#header footer<br />
{<br />
margin: 1em 0 0 0;<br />
}<br />
<br />
#header hr<br />
{<br />
top: 1.5em;<br />
margin-bottom: 3em;<br />
<br />
border-bottom-color: rgba(192,192,192,0.35);<br />
box-shadow: inset 0 1px 0 0 rgba(192,192,192,0.35);<br />
}<br />
<br />
<br />
/*********************************************************************************/<br />
/* Nav */<br />
/*********************************************************************************/<br />
<br />
#nav<br />
{<br />
position: absolute;<br />
top: 0;<br />
left: 10%;<br />
width: 80%;<br />
text-align: center;<br />
padding: 1.5em 0 1.5em 0;<br />
z-index: 1;<br />
overflow: hidden;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
#nav > ul<br />
{<br />
line-height: 0px;<br />
position: relative;<br />
display: inline-block;<br />
margin: 0;<br />
<br />
height: 21px;<br />
}<br />
<br />
#nav > ul:before,<br />
#nav > ul:after<br />
{<br />
content: '';<br />
display: block;<br />
width: 300%;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -2px;<br />
<br />
height: 5px;<br />
}<br />
<br />
#nav > ul:before<br />
{<br />
left: 100%;<br />
margin-left: 1px;<br />
}<br />
<br />
#nav > ul:after<br />
{<br />
right: 100%;<br />
margin-right: 1px;<br />
}<br />
<br />
#nav > ul > li<br />
{<br />
display: inline-block;<br />
margin: -9px 0.5em 0 0.5em;<br />
border-radius: 0.5em;<br />
padding: 0.85em;<br />
border: solid 1px transparent;<br />
-moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-o-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
}<br />
<br />
#nav > ul > li.active<br />
{<br />
border-color: rgba(192,192,192,0.35);<br />
}<br />
<br />
#nav > ul > li > a,<br />
#nav > ul > li > span<br />
{<br />
display: block;<br />
color: #fff;<br />
text-decoration: none;<br />
border: 0;<br />
outline: 0;<br />
}<br />
<br />
#nav > ul > li > ul<br />
{<br />
display: none;<br />
}<br />
<br />
.dropotron<br />
{<br />
background: rgba(255,255,255,0.975);<br />
padding: 1em 1.25em 1em 1.25em;<br />
line-height: 1em;<br />
height: auto;<br />
width: auto;<br />
text-align: left;<br />
border-radius: 0.5em;<br />
box-shadow: 0 0.15em 0.25em 0 rgba(0,0,0,0.25);<br />
min-width: 12em;<br />
}<br />
<br />
.dropotron li<br />
{<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
color: #5b5b5b;<br />
list-style-type: none;<br />
}<br />
<br />
.dropotron li:first-child<br />
{<br />
border-top: 0;<br />
}<br />
<br />
.dropotron li:hover<br />
{<br />
color: #ef8376;<br />
}<br />
<br />
.dropotron li a,<br />
.dropotron li span<br />
{<br />
display: block;<br />
border: 0;<br />
padding: 0.5em 0 0.5em 0;<br />
-moz-transition: color 0.35s ease-in-out;<br />
-webkit-transition: color 0.35s ease-in-out;<br />
-o-transition: color 0.35s ease-in-out;<br />
-ms-transition: color 0.35s ease-in-out;<br />
transition: color 0.35s ease-in-out;<br />
}<br />
<br />
.dropotron.level-0<br />
{<br />
margin-top: 2em;<br />
font-size: 0.9em;<br />
}<br />
<br />
.dropotron.level-0:before<br />
{<br />
content: '';<br />
position: absolute;<br />
left: 50%;<br />
top: -0.7em;<br />
margin-left: -0.75em;<br />
border-bottom: solid 0.75em rgba(255,255,255,0.975);<br />
border-left: solid 0.75em rgba(64,64,64,0);<br />
border-right: solid 0.75em rgba(64,64,64,0);<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Updates banner */<br />
/*********************************************************************************/<br />
<br />
#Start<br />
{<br />
background: #fff;<br />
text-align: center;<br />
}<br />
<br />
<br />
#Start .inner1<br />
{<br />
z-index: 1;<br />
position: relative;<br />
padding: 5%;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Content */<br />
/*********************************************************************************/<br />
<br />
#content<br />
{<br />
}<br />
<br />
#content > hr<br />
{<br />
top: 3em;<br />
margin-bottom: 6em;<br />
}<br />
<br />
#content > section<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Sidebar */<br />
/*********************************************************************************/<br />
<br />
#sidebar<br />
{<br />
}<br />
<br />
#sidebar > hr.first<br />
{<br />
display: none;<br />
}<br />
<br />
#sidebar > hr<br />
{<br />
top: 3em;<br />
margin-bottom: 6em;<br />
}<br />
<br />
#sidebar > section<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Main */<br />
/*********************************************************************************/<br />
<br />
#main<br />
{<br />
}<br />
<br />
#main section:first-of-type<br />
{<br />
padding-top: 2em;<br />
} <br />
<br />
/*********************************************************************************/<br />
/* Footer */<br />
/*********************************************************************************/<br />
<br />
#footer<br />
{<br />
position: relative;<br />
overflow: hidden;<br />
background: #2b252c;<br />
color: #fff;<br />
padding: 2em 0 2em 0;<br />
}<br />
<br />
#footer .fa.circled<br />
{<br />
background: #fff;<br />
color: #2b252c;<br />
}<br />
<br />
#footer header<br />
{<br />
text-align: center !important;<br />
cursor: default;<br />
}<br />
<br />
#footer h2,<br />
#footer h3,<br />
#footer h4,<br />
#footer h5,<br />
#footer h6<br />
{<br />
color: #fff;<br />
}<br />
<br />
#footer .contact<br />
{<br />
text-align: center;<br />
}<br />
<br />
#footer .contact p<br />
{<br />
text-align: center;<br />
margin: 0 0 3em 0;<br />
}<br />
<br />
#footer .copyright<br />
{<br />
text-align: center;<br />
color: rgba(128,128,128,0.75);<br />
font-size: 0.8em;<br />
cursor: default;<br />
}<br />
<br />
#footer .copyright a<br />
{<br />
color: rgba(128,128,128,0.75);<br />
}<br />
<br />
#footer .copyright a:hover<br />
{<br />
color: rgba(212,212,212,0.85);<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Carousel */<br />
/*********************************************************************************/<br />
<br />
.carousel<br />
{<br />
position: relative;<br />
overflow: hidden;<br />
max-height:150px;<br />
}<br />
<br />
<!-- .carousel .read-more { <br />
position: absolute; <br />
bottom: 0; left: 0;<br />
width: 100%; <br />
text-align: center; <br />
margin: 0; padding: 3% 0; <br />
<br />
/* "transparent" only works here because == rgba(0,0,0,0) */ <br />
<br />
background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
}<br />
--><br />
<br />
.carousel .reel<br />
{<br />
width:100%;<br />
white-space: nowrap;<br />
position: relative;<br />
-webkit-overflow-scrolling: touch;<br />
padding: 0 2em 0 2em;<br />
}<br />
<br />
.carousel article<br />
{<br />
display: inline-block;<br />
width: 18em;<br />
background: #fff;<br />
text-align: center;<br />
padding: 3em;<br />
margin: 0 2em 0 0;<br />
white-space: normal;<br />
opacity: 1.0;<br />
-moz-transition: opacity 0.75s ease-in-out; <br />
-webkit-transition: opacity 0.75s ease-in-out; <br />
-o-transition: opacity 0.75s ease-in-out; <br />
-ms-transition: opacity 0.75s ease-in-out; <br />
transition: opacity 0.75s ease-in-out; <br />
}<br />
<br />
.carousel article.loading<br />
{<br />
opacity: 0;<br />
}<br />
<br />
.carousel article .image<br />
{<br />
position: relative;<br />
left: -1em;<br />
top: 0;<br />
width: auto;<br />
margin-right: -2em;<br />
margin-bottom: 3em;<br />
}<br />
<br />
.carousel article p<br />
{<br />
text-align: center;<br />
}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:39:54Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<center><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
</center><br />
<html><br />
<div class="inner" id='header'><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:39:38Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<center><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
</center><br />
<html><br />
<div class="inner homepage" id='header'><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:38:53Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<center><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
</center><br />
<html><br />
<div class="inner" id='header'><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:38:37Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
<html><br />
<div class="inner" id='header'><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:38:15Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<html><br />
<div class="inner" id='header'><br />
</html><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
<html><br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/css/style.css
Team:ETH Zurich/css/style.css
2014-10-17T23:36:49Z
<p>Eledieu: </p>
<hr />
<div>@charset 'UTF-8';<br />
<br />
/*<br />
Helios 1.5 by HTML5 UP<br />
html5up.net | @n33co<br />
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)<br />
*/<br />
<br />
/*********************************************************************************/<br />
/* Basic */<br />
/*********************************************************************************/<br />
<br />
pre<br />
{<br />
background-color:#FFFFFF !important;<br />
}<br />
<br />
body.paused *<br />
{<br />
-moz-transition: none;<br />
-webkit-transition: none;<br />
-o-transition: none;<br />
-ms-transition: none;<br />
transition: none;<br />
}<br />
<br />
body<br />
{<br />
background: #f0f4f4;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
center p<br />
{<br />
text-align:center;<br />
}<br />
<br />
body,input,textarea,select<br />
{<br />
font-size: 12pt;<br />
line-height: 1.85em;<br />
}<br />
<br />
.thumb<br />
{<br />
max-height:90%;<br />
max-width:90%;<br />
}<br />
<br />
.thumbimage, .thumbinner, .image<br />
{<br />
max-height:100%;<br />
max-width:100%;<br />
}<br />
<br />
div<br />
{<br />
max-width:100%;<br />
}<br />
<br />
img<br />
{<br />
max-width:100%;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6<br />
{<br />
font-weight: 400;<br />
color: #483949;<br />
line-height: 1.25em;<br />
}<br />
<br />
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a<br />
{<br />
color: #002bb8;<br />
text-decoration: none;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong<br />
{<br />
font-weight: 600;<br />
}<br />
<br />
h2<br />
{<br />
font-size: 2em;<br />
}<br />
<br />
h3<br />
{<br />
font-size: 1.2em;<br />
text-align:left;<br />
margin-top:1.3em;<br />
margin-bottom:1.2em !important;<br />
font-weight:800;<br />
}<br />
<br />
h4<br />
{<br />
font-size: 1em;<br />
text-align: left;<br />
font-style: italic;<br />
}<br />
<br />
h5<br />
{<br />
font-size: 1.2em;<br />
text-align:center;<br />
} <br />
.byline<br />
{<br />
display: block;<br />
font-size: 1.5em;<br />
margin-top: 1em;<br />
line-height: 1.5em;<br />
color:#fff;<br />
}<br />
<br />
strong<br />
{<br />
font-weight: 400;<br />
color: #FF0000;<br />
}<br />
<br />
b<br />
{<br />
font-weight: 800;<br />
}<br />
<br />
em, i<br />
{<br />
font-style: italic;<br />
}<br />
<br />
a<br />
{<br />
text-decoration: none;<br />
-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
}<br />
<br />
a:hover<br />
{<br />
color: #ef8376;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
sub<br />
{<br />
position: relative;<br />
top: 0.5em;<br />
font-size: 0.8em;<br />
}<br />
<br />
sup<br />
{<br />
position: relative;<br />
top: -0.5em;<br />
font-size: 0.8em;<br />
}<br />
<br />
blockquote<br />
{<br />
border-left: solid 0.5em #ddd;<br />
padding: 1em 0 1em 2em;<br />
font-style: italic;<br />
}<br />
<br />
ul, ol, dl, table<br />
{<br />
margin-bottom: 1em;<br />
font-size:12pt;<br />
}<br />
<br />
ol<br />
{ <br />
list-style-type:decimal;<br />
text-align:left;<br />
list-style-position: inside;<br />
}<br />
<br />
p<br />
{<br />
color: #000000;<br />
text-align: justify;<br />
font-size: 12pt;<br />
}<br />
<br />
br.clear<br />
{<br />
clear: both;<br />
}<br />
<br />
header<br />
{<br />
margin: 0 0 1em 0;<br />
}<br />
<br />
header .byline<br />
{<br />
margin-bottom: 2em;<br />
color:#fff;<br />
}<br />
<br />
footer<br />
{<br />
margin: 2.5em 0 0 0;<br />
}<br />
<br />
hr<br />
{<br />
position: relative;<br />
display: block;<br />
top: 4.5em;<br />
margin-bottom: 9em;<br />
background: rgba(128,128,128,0);<br />
height: 6px;<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
border-bottom: solid 1px rgba(128,128,128,0.2);<br />
}<br />
<br />
hr:before,<br />
hr:after<br />
{<br />
content: '';<br />
position: absolute;<br />
top: -8px;<br />
display: block;<br />
width: 1px;<br />
height: 21px;<br />
background: rgba(128,128,128,0.2); <br />
}<br />
<br />
hr:before<br />
{<br />
left: -1px;<br />
}<br />
<br />
hr:after<br />
{<br />
right: -1px;<br />
}<br />
<br />
<br />
@media <br />
only screen and (max-width: 1400px) {<br />
<br />
/* Force table to not be like tables anymore */<br />
table.resized , .resized thead , .resized tbody , .resized th , .resized td , .resized tr { <br />
display: block; <br />
}<br />
<br />
/* Hide table headers (but not display: none;, for accessibility) */<br />
.resized thead tr { <br />
position: absolute;<br />
top: -9999px;<br />
left: -9999px;<br />
}<br />
<br />
<br />
.resized td { <br />
/* Behave like a "row" */<br />
position: relative;<br />
}<br />
<br />
.resized td:before { <br />
/* Now like a table header */<br />
position: absolute;<br />
/* Top/left values mimic padding */<br />
top: 6px;<br />
left: 6px;<br />
width: 45%; <br />
padding-right: 10px; <br />
white-space: nowrap;<br />
}<br />
<br />
}<br />
<br />
.timestamp<br />
{<br />
color: rgba(128,128,128,0.75);<br />
font-size: 0.8em;<br />
}<br />
<br />
/* Sections/Articles */<br />
<br />
section, article {<br />
margin-bottom :3em;<br />
} <br />
<br />
article<br />
{<br />
background: #fff;<br />
position: relative;<br />
z-index: 1;<br />
padding: 5%;<br />
text-align:justify;<br />
font-family: Source Sans Pro;<br />
}<br />
<br />
article > ul<br />
{ <br />
list-style-type:disc;<br />
text-align:left;<br />
font-size:12pt;<br />
margin-left:2%;<br />
}<br />
<br />
section > :last-child,<br />
article > :last-child<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
section:last-child,<br />
article:last-child<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
.row > section,<br />
.row > article<br />
{<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
}<br />
<br />
.container .row:<br />
{<br />
padding-left:0px;<br />
}<br />
<br />
section.special > header,<br />
section.special > footer,<br />
article.special > header,<br />
article.special > footer<br />
{<br />
text-align: center;<br />
}<br />
<br />
/* Images */<br />
<br />
#igemLogo {<br />
position:absolute;<br />
right:2%;<br />
top:1em;<br />
z-index:10001;<br />
width:10%;<br />
}<br />
<br />
#mosaiLogo {<br />
position:absolute;<br />
left:2%;<br />
top:1em;<br />
z-index:10001;<br />
width:10%;<br />
}<br />
<br />
.image<br />
{<br />
position: relative;<br />
display: inline-block;<br />
border: 0;<br />
outline: 0;<br />
}<br />
<br />
/* Uncomment the block below if you want linked images to highlight on hover */<br />
<br />
/*<br />
a.image:before<br />
{<br />
content: '';<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
background: #fff;<br />
opacity: 0;<br />
-moz-transition: opacity 0.35s ease-in-out;<br />
-webkit-transition: opacity 0.35s ease-in-out;<br />
-o-transition: opacity 0.35s ease-in-out;<br />
-ms-transition: opacity 0.35s ease-in-out;<br />
transition: opacity 0.35s ease-in-out;<br />
}<br />
<br />
a.image:hover:before<br />
{<br />
opacity: 0.15;<br />
}<br />
*/<br />
<br />
.image img<br />
{<br />
display: block;<br />
height: auto;<br />
}<br />
<br />
a>img<br />
{<br />
display: block;<br />
height: auto;<br />
}<br />
<br />
.image.full<br />
{<br />
display: block;<br />
width: 100%;<br />
}<br />
<br />
.image.featured<br />
{<br />
display: block;<br />
width: 100%;<br />
margin: 0 0 4em 0;<br />
}<br />
<br />
.image.left<br />
{<br />
float: left;<br />
margin: 0 2em 2em 0;<br />
}<br />
<br />
.image.centered<br />
{<br />
display: block;<br />
margin: 0 0 2em 0;<br />
}<br />
<br />
.image.centered img<br />
{<br />
margin: 0 auto;<br />
width: auto;<br />
}<br />
a.svg {<br />
position: relative;<br />
display: inline-block;<br />
}<br />
/* Lists */<br />
<br />
ul.style1<br />
{<br />
}<br />
<br />
ul.actions<br />
{<br />
}<br />
<br />
ul.divided<br />
{<br />
}<br />
<br />
ul.divided li<br />
{<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
padding-top: 1.5em;<br />
margin-top: 1.5em;<br />
}<br />
<br />
ul.divided li:first-child<br />
{<br />
border-top: 0;<br />
padding-top: 0;<br />
margin-top: 0;<br />
}<br />
<br />
ul.menu<br />
{<br />
height: 1em;<br />
line-height: 1em;<br />
}<br />
<br />
ul.menu li<br />
{<br />
display: inline-block;<br />
border-left: solid 1px rgba(128,128,128,0.2);<br />
padding-left: 1.25em;<br />
margin-left: 1.25em;<br />
list-style-type: none !important;<br />
}<br />
<br />
ul.menu li:first-child<br />
{<br />
border-left: 0;<br />
padding-left: 0;<br />
margin-left: 0;<br />
}<br />
<br />
ul.icons li<br />
{<br />
display: inline-block;<br />
}<br />
<br />
ul.icons li a<br />
{<br />
display: inline-block;<br />
background: none;<br />
width: 10em;<br />
height: auto;<br />
line-height: 2.5em;<br />
text-align: center;<br />
border-radius: 100%;<br />
border: 0;<br />
color: #fff;<br />
padding: 0.6em;<br />
}<br />
<br />
ul.icons li a:hover<br />
{<br />
color: #ef8376;<br />
}<br />
<br />
ol.style1<br />
{<br />
}<br />
ul.sponsors<br />
{<br />
width: 100% !important;<br />
text-align:center !important;<br />
}<br />
<br />
ul.sponsors li<br />
{<br />
display: inline-block;<br />
height: auto;<br />
background: none;<br />
height: auto;<br />
text-align: center;<br />
}<br />
ul.sponsors li a img<br />
{<br />
display: inline-block;<br />
width: 10em;<br />
}<br />
<br />
/* Forms */<br />
<br />
form<br />
{<br />
}<br />
<br />
form label<br />
{<br />
display: block;<br />
}<br />
<br />
form input.text,<br />
form select,<br />
form textarea<br />
{<br />
-webkit-appearance: none;<br />
display: block;<br />
border: 0;<br />
background: #ccc;<br />
width: 100%;<br />
}<br />
<br />
form input.text:hover,<br />
form select:hover,<br />
form textarea:hover<br />
{<br />
}<br />
<br />
form input.text:focus,<br />
form select:focus,<br />
form textarea:focus<br />
{<br />
}<br />
<br />
form textarea<br />
{<br />
min-height: 9em;<br />
}<br />
<br />
form .formerize-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-webkit-input-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form :-moz-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-moz-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form :-ms-input-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-moz-focus-inner<br />
{<br />
border: 0;<br />
}<br />
<br />
/* Tables */<br />
<br />
table<br />
{<br />
width: 100%;<br />
}<br />
<br />
table.style1<br />
{<br />
width: 100%;<br />
}<br />
<br />
table.style1 tbody tr:nth-child(2n+2)<br />
{<br />
background: #f4f4f4;<br />
}<br />
<br />
table.style1 td<br />
{<br />
padding: 0.5em 1em 0.5em 1em;<br />
}<br />
<br />
table.style1 th<br />
{<br />
text-align: left;<br />
font-weight: 400;<br />
padding: 0.5em 1em 0.5em 1em;<br />
}<br />
<br />
table.style1 thead<br />
{<br />
background: #444;<br />
}<br />
<br />
table.style1 tfoot<br />
{<br />
background: #eee;<br />
}<br />
<br />
table.style1 tbody<br />
{<br />
}<br />
<br />
/* Buttons */<br />
<br />
/* Blog mosaic */<br />
#red<br />
{<br />
fill: #CD3C28;<br />
}<br />
<br />
#red:hover<br />
{<br />
fill: #FF0000;<br />
}<br />
<br />
#blue<br />
{<br />
fill: #1EB2E1;<br />
}<br />
<br />
#blue:hover<br />
{<br />
fill: #08F3FF;<br />
}<br />
<br />
#darkblue<br />
{<br />
fill: #21409A;<br />
}<br />
<br />
#darkblue:hover<br />
{<br />
fill: #2F62E0;<br />
}<br />
<br />
#green<br />
{<br />
fill: #60C914;<br />
}<br />
<br />
#green:hover<br />
{<br />
fill: #00FF00;<br />
}<br />
<br />
#gold<br />
{<br />
fill: #FFCC00;<br />
}<br />
<br />
#gold:hover<br />
{<br />
fill: #FFFF00;<br />
}<br />
<br />
#silver<br />
{<br />
fill: #C0C0C0;<br />
}<br />
<br />
#silver:hover<br />
{<br />
fill: #E6E6E6;<br />
}<br />
<br />
<br />
#bronze<br />
{<br />
fill: #8C7853;<br />
}<br />
<br />
#bronze:hover<br />
{<br />
fill: #CC9900;<br />
}<br />
<br />
/* Molbio animation */<br />
<br />
.animbutton#lasblue:hover, .animbutton#luxblue:hover,.animbutton#bothblue:hover, .animbutton#noneblue:hover<br />
{<br />
fill: #6F93EF;<br />
}<br />
<br />
<br />
.animbutton#lasred:hover, .animbutton#luxred:hover,.animbutton#bothred:hover, .animbutton#nonered:hover<br />
{<br />
fill: #F18B92;<br />
}<br />
<br />
<br />
/* Other buttons */<br />
<br />
.button<br />
{<br />
position: relative;<br />
display: inline;<br />
background: #df7366;<br />
color: #fff;<br />
text-align: center;<br />
border-radius: 0.5em;<br />
text-decoration: none;<br />
padding: 0.65em 3em 0.65em 3em;<br />
border: 0;<br />
cursor: pointer;<br />
outline: 0;<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
<br />
.button:hover<br />
{<br />
color: #fff;<br />
background: #ef8376;<br />
}<br />
<br />
.button:active<br />
{<br />
}<br />
<br />
.button.alt<br />
{<br />
}<br />
<br />
.button.alt:hover<br />
{<br />
}<br />
<br />
.button.alt:active<br />
{<br />
}<br />
<br />
.button.small<br />
{<br />
}<br />
<br />
.button.big<br />
{<br />
}<br />
<br />
.button.huge<br />
{<br />
}<br />
<br />
/* Posts */<br />
<br />
.post<br />
{<br />
}<br />
<br />
.post.stub<br />
{<br />
text-align: center;<br />
}<br />
<br />
.post.stub header<br />
{<br />
margin: 0;<br />
}<br />
<br />
/* Hidden Content Slider */<br />
#hidden_content{display:none;}<br />
#hide_content{}<br />
<br />
/*********************************************************************************/<br />
/* Icons */<br />
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */<br />
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */<br />
/*********************************************************************************/<br />
<br />
.fa<br />
{<br />
text-decoration: none;<br />
}<br />
<br />
.fa.solo<br />
{<br />
}<br />
<br />
.fa.solo span<br />
{<br />
display: none;<br />
}<br />
<br />
.fa.circled<br />
{<br />
position: relative;<br />
display: inline-block;<br />
background: #2b252c;<br />
color: #fff;<br />
border-radius: 100%;<br />
width: 3.5em;<br />
height: 3.5em;<br />
line-height: 3.5em;<br />
text-align: center;<br />
font-size: 1em;<br />
}<br />
<br />
.fa.circled:before<br />
{<br />
font-size: 2em;<br />
line-height: 1.75em;<br />
}<br />
<br />
header .fa.circled<br />
{<br />
margin: 0 0 2em 0;<br />
}<br />
<br />
.fa:before<br />
{<br />
display:inline-block;<br />
font-size: 1.25em;<br />
text-decoration: none;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-font-smoothing:antialiased;<br />
-moz-osx-font-smoothing:grayscale;<br />
}<br />
<br />
.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}<br />
.fa-2x{font-size:2em}<br />
.fa-3x{font-size:3em}<br />
.fa-4x{font-size:4em}<br />
.fa-5x{font-size:5em}<br />
.fa-fw{width:1.2857142857142858em;text-align:center}<br />
.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}<br />
.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}<br />
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}<br />
.pull-right{float:right}<br />
.pull-left{float:left}<br />
.fa.pull-left{margin-right:.3em}<br />
.fa.pull-right{margin-left:.3em}<br />
.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}<br />
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}<br />
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}<br />
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}<br />
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}<br />
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}<br />
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}<br />
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}<br />
.fa-stack-1x{line-height:inherit}<br />
.fa-stack-2x{font-size:2em}<br />
.fa-inverse{color:#fff}<br />
.fa-glass:before{content:"\f000"}<br />
.fa-music:before{content:"\f001"}<br />
.fa-search:before{content:"\f002"}<br />
.fa-envelope-o:before{content:"\f003"}<br />
.fa-heart:before{content:"\f004"}<br />
.fa-star:before{content:"\f005"}<br />
.fa-star-o:before{content:"\f006"}<br />
.fa-user:before{content:"\f007"}<br />
.fa-film:before{content:"\f008"}<br />
.fa-th-large:before{content:"\f009"}<br />
.fa-th:before{content:"\f00a"}<br />
.fa-th-list:before{content:"\f00b"}<br />
.fa-check:before{content:"\f00c"}<br />
.fa-times:before{content:"\f00d"}<br />
.fa-search-plus:before{content:"\f00e"}<br />
.fa-search-minus:before{content:"\f010"}<br />
.fa-power-off:before{content:"\f011"}<br />
.fa-signal:before{content:"\f012"}<br />
.fa-gear:before,.fa-cog:before{content:"\f013"}<br />
.fa-trash-o:before{content:"\f014"}<br />
.fa-home:before{content:"\f015"}<br />
.fa-file-o:before{content:"\f016"}<br />
.fa-clock-o:before{content:"\f017"}<br />
.fa-road:before{content:"\f018"}<br />
.fa-download:before{content:"\f019"}<br />
.fa-arrow-circle-o-down:before{content:"\f01a"}<br />
.fa-arrow-circle-o-up:before{content:"\f01b"}<br />
.fa-inbox:before{content:"\f01c"}<br />
.fa-play-circle-o:before{content:"\f01d"}<br />
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}<br />
.fa-refresh:before{content:"\f021"}<br />
.fa-list-alt:before{content:"\f022"}<br />
.fa-lock:before{content:"\f023"}<br />
.fa-flag:before{content:"\f024"}<br />
.fa-headphones:before{content:"\f025"}<br />
.fa-volume-off:before{content:"\f026"}<br />
.fa-volume-down:before{content:"\f027"}<br />
.fa-volume-up:before{content:"\f028"}<br />
.fa-qrcode:before{content:"\f029"}<br />
.fa-barcode:before{content:"\f02a"}<br />
.fa-tag:before{content:"\f02b"}<br />
.fa-tags:before{content:"\f02c"}<br />
.fa-book:before{content:"\f02d"}<br />
.fa-bookmark:before{content:"\f02e"}<br />
.fa-print:before{content:"\f02f"}<br />
.fa-camera:before{content:"\f030"}<br />
.fa-font:before{content:"\f031"}<br />
.fa-bold:before{content:"\f032"}<br />
.fa-italic:before{content:"\f033"}<br />
.fa-text-height:before{content:"\f034"}<br />
.fa-text-width:before{content:"\f035"}<br />
.fa-align-left:before{content:"\f036"}<br />
.fa-align-center:before{content:"\f037"}<br />
.fa-align-right:before{content:"\f038"}<br />
.fa-align-justify:before{content:"\f039"}<br />
.fa-list:before{content:"\f03a"}<br />
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}<br />
.fa-indent:before{content:"\f03c"}<br />
.fa-video-camera:before{content:"\f03d"}<br />
.fa-picture-o:before{content:"\f03e"}<br />
.fa-pencil:before{content:"\f040"}<br />
.fa-map-marker:before{content:"\f041"}<br />
.fa-adjust:before{content:"\f042"}<br />
.fa-tint:before{content:"\f043"}<br />
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}<br />
.fa-share-square-o:before{content:"\f045"}<br />
.fa-check-square-o:before{content:"\f046"}<br />
.fa-move:before{content:"\f047"}<br />
.fa-step-backward:before{content:"\f048"}<br />
.fa-fast-backward:before{content:"\f049"}<br />
.fa-backward:before{content:"\f04a"}<br />
.fa-play:before{content:"\f04b"}<br />
.fa-pause:before{content:"\f04c"}<br />
.fa-stop:before{content:"\f04d"}<br />
.fa-forward:before{content:"\f04e"}<br />
.fa-fast-forward:before{content:"\f050"}<br />
.fa-step-forward:before{content:"\f051"}<br />
.fa-eject:before{content:"\f052"}<br />
.fa-chevron-left:before{content:"\f053"}<br />
.fa-chevron-right:before{content:"\f054"}<br />
.fa-plus-circle:before{content:"\f055"}<br />
.fa-minus-circle:before{content:"\f056"}<br />
.fa-times-circle:before{content:"\f057"}<br />
.fa-check-circle:before{content:"\f058"}<br />
.fa-question-circle:before{content:"\f059"}<br />
.fa-info-circle:before{content:"\f05a"}<br />
.fa-crosshairs:before{content:"\f05b"}<br />
.fa-times-circle-o:before{content:"\f05c"}<br />
.fa-check-circle-o:before{content:"\f05d"}<br />
.fa-ban:before{content:"\f05e"}<br />
.fa-arrow-left:before{content:"\f060"}<br />
.fa-arrow-right:before{content:"\f061"}<br />
.fa-arrow-up:before{content:"\f062"}<br />
.fa-arrow-down:before{content:"\f063"}<br />
.fa-mail-forward:before,.fa-share:before{content:"\f064"}<br />
.fa-resize-full:before{content:"\f065"}<br />
.fa-resize-small:before{content:"\f066"}<br />
.fa-plus:before{content:"\f067"}<br />
.fa-minus:before{content:"\f068"}<br />
.fa-asterisk:before{content:"\f069"}<br />
.fa-exclamation-circle:before{content:"\f06a"}<br />
.fa-gift:before{content:"\f06b"}<br />
.fa-leaf:before{content:"\f06c"}<br />
.fa-fire:before{content:"\f06d"}<br />
.fa-eye:before{content:"\f06e"}<br />
.fa-eye-slash:before{content:"\f070"}<br />
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}<br />
.fa-plane:before{content:"\f072"}<br />
.fa-calendar:before{content:"\f073"}<br />
.fa-random:before{content:"\f074"}<br />
.fa-comment:before{content:"\f075"}<br />
.fa-magnet:before{content:"\f076"}<br />
.fa-chevron-up:before{content:"\f077"}<br />
.fa-chevron-down:before{content:"\f078"}<br />
.fa-retweet:before{content:"\f079"}<br />
.fa-shopping-cart:before{content:"\f07a"}<br />
.fa-folder:before{content:"\f07b"}<br />
.fa-folder-open:before{content:"\f07c"}<br />
.fa-resize-vertical:before{content:"\f07d"}<br />
.fa-resize-horizontal:before{content:"\f07e"}<br />
.fa-bar-chart-o:before{content:"\f080"}<br />
.fa-twitter-square:before{content:"\f081"}<br />
.fa-facebook-square:before{content:"\f082"}<br />
.fa-camera-retro:before{content:"\f083"}<br />
.fa-key:before{content:"\f084"}<br />
.fa-gears:before,.fa-cogs:before{content:"\f085"}<br />
.fa-comments:before{content:"\f086"}<br />
.fa-thumbs-o-up:before{content:"\f087"}<br />
.fa-thumbs-o-down:before{content:"\f088"}<br />
.fa-star-half:before{content:"\f089"}<br />
.fa-heart-o:before{content:"\f08a"}<br />
.fa-sign-out:before{content:"\f08b"}<br />
.fa-linkedin-square:before{content:"\f08c"}<br />
.fa-thumb-tack:before{content:"\f08d"}<br />
.fa-external-link:before{content:"\f08e"}<br />
.fa-sign-in:before{content:"\f090"}<br />
.fa-trophy:before{content:"\f091"}<br />
.fa-github-square:before{content:"\f092"}<br />
.fa-upload:before{content:"\f093"}<br />
.fa-lemon-o:before{content:"\f094"}<br />
.fa-phone:before{content:"\f095"}<br />
.fa-square-o:before{content:"\f096"}<br />
.fa-bookmark-o:before{content:"\f097"}<br />
.fa-phone-square:before{content:"\f098"}<br />
.fa-twitter:before{content:"\f099"}<br />
.fa-facebook:before{content:"\f09a"}<br />
.fa-github:before{content:"\f09b"}<br />
.fa-unlock:before{content:"\f09c"}<br />
.fa-credit-card:before{content:"\f09d"}<br />
.fa-rss:before{content:"\f09e"}<br />
.fa-hdd-o:before{content:"\f0a0"}<br />
.fa-bullhorn:before{content:"\f0a1"}<br />
.fa-bell:before{content:"\f0f3"}<br />
.fa-certificate:before{content:"\f0a3"}<br />
.fa-hand-o-right:before{content:"\f0a4"}<br />
.fa-hand-o-left:before{content:"\f0a5"}<br />
.fa-hand-o-up:before{content:"\f0a6"}<br />
.fa-hand-o-down:before{content:"\f0a7"}<br />
.fa-arrow-circle-left:before{content:"\f0a8"}<br />
.fa-arrow-circle-right:before{content:"\f0a9"}<br />
.fa-arrow-circle-up:before{content:"\f0aa"}<br />
.fa-arrow-circle-down:before{content:"\f0ab"}<br />
.fa-globe:before{content:"\f0ac"}<br />
.fa-wrench:before{content:"\f0ad"}<br />
.fa-tasks:before{content:"\f0ae"}<br />
.fa-filter:before{content:"\f0b0"}<br />
.fa-briefcase:before{content:"\f0b1"}<br />
.fa-fullscreen:before{content:"\f0b2"}<br />
.fa-group:before{content:"\f0c0"}<br />
.fa-chain:before,.fa-link:before{content:"\f0c1"}<br />
.fa-cloud:before{content:"\f0c2"}<br />
.fa-flask:before{content:"\f0c3"}<br />
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}<br />
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}<br />
.fa-paperclip:before{content:"\f0c6"}<br />
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}<br />
.fa-square:before{content:"\f0c8"}<br />
.fa-reorder:before{content:"\f0c9"}<br />
.fa-list-ul:before{content:"\f0ca"}<br />
.fa-list-ol:before{content:"\f0cb"}<br />
.fa-strikethrough:before{content:"\f0cc"}<br />
.fa-underline:before{content:"\f0cd"}<br />
.fa-table:before{content:"\f0ce"}<br />
.fa-magic:before{content:"\f0d0"}<br />
.fa-truck:before{content:"\f0d1"}<br />
.fa-pinterest:before{content:"\f0d2"}<br />
.fa-pinterest-square:before{content:"\f0d3"}<br />
.fa-google-plus-square:before{content:"\f0d4"}<br />
.fa-google-plus:before{content:"\f0d5"}<br />
.fa-money:before{content:"\f0d6"}<br />
.fa-caret-down:before{content:"\f0d7"}<br />
.fa-caret-up:before{content:"\f0d8"}<br />
.fa-caret-left:before{content:"\f0d9"}<br />
.fa-caret-right:before{content:"\f0da"}<br />
.fa-columns:before{content:"\f0db"}<br />
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}<br />
.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}<br />
.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}<br />
.fa-envelope:before{content:"\f0e0"}<br />
.fa-linkedin:before{content:"\f0e1"}<br />
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}<br />
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}<br />
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}<br />
.fa-comment-o:before{content:"\f0e5"}<br />
.fa-comments-o:before{content:"\f0e6"}<br />
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}<br />
.fa-sitemap:before{content:"\f0e8"}<br />
.fa-umbrella:before{content:"\f0e9"}<br />
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}<br />
.fa-lightbulb-o:before{content:"\f0eb"}<br />
.fa-exchange:before{content:"\f0ec"}<br />
.fa-cloud-download:before{content:"\f0ed"}<br />
.fa-cloud-upload:before{content:"\f0ee"}<br />
.fa-user-md:before{content:"\f0f0"}<br />
.fa-stethoscope:before{content:"\f0f1"}<br />
.fa-suitcase:before{content:"\f0f2"}<br />
.fa-bell-o:before{content:"\f0a2"}<br />
.fa-coffee:before{content:"\f0f4"}<br />
.fa-cutlery:before{content:"\f0f5"}<br />
.fa-file-text-o:before{content:"\f0f6"}<br />
.fa-building:before{content:"\f0f7"}<br />
.fa-hospital:before{content:"\f0f8"}<br />
.fa-ambulance:before{content:"\f0f9"}<br />
.fa-medkit:before{content:"\f0fa"}<br />
.fa-fighter-jet:before{content:"\f0fb"}<br />
.fa-beer:before{content:"\f0fc"}<br />
.fa-h-square:before{content:"\f0fd"}<br />
.fa-plus-square:before{content:"\f0fe"}<br />
.fa-angle-double-left:before{content:"\f100"}<br />
.fa-angle-double-right:before{content:"\f101"}<br />
.fa-angle-double-up:before{content:"\f102"}<br />
.fa-angle-double-down:before{content:"\f103"}<br />
.fa-angle-left:before{content:"\f104"}<br />
.fa-angle-right:before{content:"\f105"}<br />
.fa-angle-up:before{content:"\f106"}<br />
.fa-angle-down:before{content:"\f107"}<br />
.fa-desktop:before{content:"\f108"}<br />
.fa-laptop:before{content:"\f109"}<br />
.fa-tablet:before{content:"\f10a"}<br />
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}<br />
.fa-circle-o:before{content:"\f10c"}<br />
.fa-quote-left:before{content:"\f10d"}<br />
.fa-quote-right:before{content:"\f10e"}<br />
.fa-spinner:before{content:"\f110"}<br />
.fa-circle:before{content:"\f111"}<br />
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}<br />
.fa-github-alt:before{content:"\f113"}<br />
.fa-folder-o:before{content:"\f114"}<br />
.fa-folder-open-o:before{content:"\f115"}<br />
.fa-expand-o:before{content:"\f116"}<br />
.fa-collapse-o:before{content:"\f117"}<br />
.fa-smile-o:before{content:"\f118"}<br />
.fa-frown-o:before{content:"\f119"}<br />
.fa-meh-o:before{content:"\f11a"}<br />
.fa-gamepad:before{content:"\f11b"}<br />
.fa-keyboard-o:before{content:"\f11c"}<br />
.fa-flag-o:before{content:"\f11d"}<br />
.fa-flag-checkered:before{content:"\f11e"}<br />
.fa-terminal:before{content:"\f120"}<br />
.fa-code:before{content:"\f121"}<br />
.fa-reply-all:before{content:"\f122"}<br />
.fa-mail-reply-all:before{content:"\f122"}<br />
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}<br />
.fa-location-arrow:before{content:"\f124"}<br />
.fa-crop:before{content:"\f125"}<br />
.fa-code-fork:before{content:"\f126"}<br />
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}<br />
.fa-question:before{content:"\f128"}<br />
.fa-info:before{content:"\f129"}<br />
.fa-exclamation:before{content:"\f12a"}<br />
.fa-superscript:before{content:"\f12b"}<br />
.fa-subscript:before{content:"\f12c"}<br />
.fa-eraser:before{content:"\f12d"}<br />
.fa-puzzle-piece:before{content:"\f12e"}<br />
.fa-microphone:before{content:"\f130"}<br />
.fa-microphone-slash:before{content:"\f131"}<br />
.fa-shield:before{content:"\f132"}<br />
.fa-calendar-o:before{content:"\f133"}<br />
.fa-fire-extinguisher:before{content:"\f134"}<br />
.fa-rocket:before{content:"\f135"}<br />
.fa-maxcdn:before{content:"\f136"}<br />
.fa-chevron-circle-left:before{content:"\f137"}<br />
.fa-chevron-circle-right:before{content:"\f138"}<br />
.fa-chevron-circle-up:before{content:"\f139"}<br />
.fa-chevron-circle-down:before{content:"\f13a"}<br />
.fa-html5:before{content:"\f13b"}<br />
.fa-css3:before{content:"\f13c"}<br />
.fa-anchor:before{content:"\f13d"}<br />
.fa-unlock-o:before{content:"\f13e"}<br />
.fa-bullseye:before{content:"\f140"}<br />
.fa-ellipsis-horizontal:before{content:"\f141"}<br />
.fa-ellipsis-vertical:before{content:"\f142"}<br />
.fa-rss-square:before{content:"\f143"}<br />
.fa-play-circle:before{content:"\f144"}<br />
.fa-ticket:before{content:"\f145"}<br />
.fa-minus-square:before{content:"\f146"}<br />
.fa-minus-square-o:before{content:"\f147"}<br />
.fa-level-up:before{content:"\f148"}<br />
.fa-level-down:before{content:"\f149"}<br />
.fa-check-square:before{content:"\f14a"}<br />
.fa-pencil-square:before{content:"\f14b"}<br />
.fa-external-link-square:before{content:"\f14c"}<br />
.fa-share-square:before{content:"\f14d"}<br />
.fa-compass:before{content:"\f14e"}<br />
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}<br />
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}<br />
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}<br />
.fa-euro:before,.fa-eur:before{content:"\f153"}<br />
.fa-gbp:before{content:"\f154"}<br />
.fa-dollar:before,.fa-usd:before{content:"\f155"}<br />
.fa-rupee:before,.fa-inr:before{content:"\f156"}<br />
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}<br />
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}<br />
.fa-won:before,.fa-krw:before{content:"\f159"}<br />
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}<br />
.fa-file:before{content:"\f15b"}<br />
.fa-file-text:before{content:"\f15c"}<br />
.fa-sort-alpha-asc:before{content:"\f15d"}<br />
.fa-sort-alpha-desc:before{content:"\f15e"}<br />
.fa-sort-amount-asc:before{content:"\f160"}<br />
.fa-sort-amount-desc:before{content:"\f161"}<br />
.fa-sort-numeric-asc:before{content:"\f162"}<br />
.fa-sort-numeric-desc:before{content:"\f163"}<br />
.fa-thumbs-up:before{content:"\f164"}<br />
.fa-thumbs-down:before{content:"\f165"}<br />
.fa-youtube-square:before{content:"\f166"}<br />
.fa-youtube:before{content:"\f167"}<br />
.fa-xing:before{content:"\f168"}<br />
.fa-xing-square:before{content:"\f169"}<br />
.fa-youtube-play:before{content:"\f16a"}<br />
.fa-dropbox:before{content:"\f16b"}<br />
.fa-stack-overflow:before{content:"\f16c"}<br />
.fa-instagram:before{content:"\f16d"}<br />
.fa-flickr:before{content:"\f16e"}<br />
.fa-adn:before{content:"\f170"}<br />
.fa-bitbucket:before{content:"\f171"}<br />
.fa-bitbucket-square:before{content:"\f172"}<br />
.fa-tumblr:before{content:"\f173"}<br />
.fa-tumblr-square:before{content:"\f174"}<br />
.fa-long-arrow-down:before{content:"\f175"}<br />
.fa-long-arrow-up:before{content:"\f176"}<br />
.fa-long-arrow-left:before{content:"\f177"}<br />
.fa-long-arrow-right:before{content:"\f178"}<br />
.fa-apple:before{content:"\f179"}<br />
.fa-windows:before{content:"\f17a"}<br />
.fa-android:before{content:"\f17b"}<br />
.fa-linux:before{content:"\f17c"}<br />
.fa-dribbble:before{content:"\f17d"}<br />
.fa-skype:before{content:"\f17e"}<br />
.fa-foursquare:before{content:"\f180"}<br />
.fa-trello:before{content:"\f181"}<br />
.fa-female:before{content:"\f182"}<br />
.fa-male:before{content:"\f183"}<br />
.fa-gittip:before{content:"\f184"}<br />
.fa-sun-o:before{content:"\f185"}<br />
.fa-moon-o:before{content:"\f186"}<br />
.fa-archive:before{content:"\f187"}<br />
.fa-bug:before{content:"\f188"}<br />
.fa-vk:before{content:"\f189"}<br />
.fa-weibo:before{content:"\f18a"}<br />
.fa-renren:before{content:"\f18b"}<br />
.fa-pagelines:before{content:"\f18c"}<br />
.fa-stack-exchange:before{content:"\f18d"}<br />
.fa-arrow-circle-o-right:before{content:"\f18e"}<br />
.fa-arrow-circle-o-left:before{content:"\f190"}<br />
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}<br />
.fa-dot-circle-o:before{content:"\f192"}<br />
.fa-wheelchair:before{content:"\f193"}<br />
.fa-vimeo-square:before{content:"\f194"}<br />
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}<br />
<br />
/*********************************************************************************/<br />
/* Wrapper */<br />
/*********************************************************************************/<br />
<br />
.wrapper<br />
{<br />
color:inherit;<br />
margin: 0 0 5%;<br />
}<br />
<br />
.wrapper.style1<br />
{<br />
background-color:#fff;<br />
position:relative;<br />
margin: 0 auto;<br />
width : 90%;<br />
}<br />
<br />
.wrapper.style2<br />
{<br />
padding-top: 0;<br />
}<br />
<br />
<br />
/*********************************************************************************/<br />
/* Header */<br />
/*********************************************************************************/<br />
<br />
#header<br />
{<br />
position: relative;<br />
background-image: url('https://static.igem.org/mediawiki/2014/d/d8/ETH_Zurich_background.png');<br />
background-size: cover;<br />
background-attachment: fixed;<br />
text-align: center;<br />
padding: 10% 5% 10% 5%;<br />
cursor: default;<br />
font-weight: 200;<br />
vertical-align: bottom;<br />
}<br />
<br />
.homepage #header<br />
{<br />
padding: 17% 5% 10% 5% !important;<br />
}<br />
<br />
.homepage #header<br />
{<br />
content: '';<br />
background: #2b2e3c;<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
opacity: 1.0;<br />
-moz-transition: opacity 2s ease-in-out;<br />
-webkit-transition: opacity 2s ease-in-out;<br />
-o-transition: opacity 2s ease-in-out;<br />
-ms-transition: opacity 2s ease-in-out;<br />
transition: opacity 2s ease-in-out;<br />
}<br />
<br />
.homepage #header.ready .overlay<br />
{<br />
opacity: 0;<br />
}<br />
<br />
.inner<br />
{<br />
z-index: 1;<br />
position: relative;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
<br />
.inner2<br />
{<br />
background: #fff;<br />
position: relative;<br />
z-index: 1;<br />
padding: 2% 10%;<br />
min-height: 30em;<br />
width:87%;<br />
margin:auto;<br />
}<br />
<br />
<br />
#header .inner2 ul<br />
{ <br />
list-style-type:disc;<br />
text-align:left;<br />
font-size:12pt;<br />
margin-left:2%;<br />
}<br />
<br />
#header h1<br />
{<br />
color: #fff;<br />
font-size: 3em;<br />
line-height: 1em;<br />
}<br />
<br />
.homepage #header h1<br />
{<br />
font-size: 4em;<br />
}<br />
<br />
#header h1 a<br />
{<br />
color: inherit;<br />
}<br />
<br />
#header .byline<br />
{<br />
font-size: 1.25em;<br />
margin: 0;<br />
padding-bottom: 2%;<br />
}<br />
<br />
#header .button<br />
{<br />
border-radius: 100%;<br />
width: 5.5em;<br />
height: 5.5em;<br />
line-height: 4em;<br />
text-align: center;<br />
font-size: 1em;<br />
padding: 1%;<br />
color: #fff;<br />
text-decoration: none;<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
<br />
#header .twolines<br />
{<br />
line-height:inherit;<br />
} <br />
<br />
#header footer<br />
{<br />
margin: 1em 0 0 0;<br />
}<br />
<br />
#header hr<br />
{<br />
top: 1.5em;<br />
margin-bottom: 3em;<br />
<br />
border-bottom-color: rgba(192,192,192,0.35);<br />
box-shadow: inset 0 1px 0 0 rgba(192,192,192,0.35);<br />
}<br />
<br />
<br />
/*********************************************************************************/<br />
/* Nav */<br />
/*********************************************************************************/<br />
<br />
#nav<br />
{<br />
position: absolute;<br />
top: 0;<br />
left: 10%;<br />
width: 80%;<br />
text-align: center;<br />
padding: 1.5em 0 1.5em 0;<br />
z-index: 1;<br />
overflow: hidden;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
#nav > ul<br />
{<br />
line-height: 0px;<br />
position: relative;<br />
display: inline-block;<br />
margin: 0;<br />
<br />
height: 21px;<br />
}<br />
<br />
#nav > ul:before,<br />
#nav > ul:after<br />
{<br />
content: '';<br />
display: block;<br />
width: 300%;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -2px;<br />
<br />
height: 5px;<br />
}<br />
<br />
#nav > ul:before<br />
{<br />
left: 100%;<br />
margin-left: 1px;<br />
}<br />
<br />
#nav > ul:after<br />
{<br />
right: 100%;<br />
margin-right: 1px;<br />
}<br />
<br />
#nav > ul > li<br />
{<br />
display: inline-block;<br />
margin: -9px 0.5em 0 0.5em;<br />
border-radius: 0.5em;<br />
padding: 0.85em;<br />
border: solid 1px transparent;<br />
-moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-o-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
}<br />
<br />
#nav > ul > li.active<br />
{<br />
border-color: rgba(192,192,192,0.35);<br />
}<br />
<br />
#nav > ul > li > a,<br />
#nav > ul > li > span<br />
{<br />
display: block;<br />
color: #fff;<br />
text-decoration: none;<br />
border: 0;<br />
outline: 0;<br />
}<br />
<br />
#nav > ul > li > ul<br />
{<br />
display: none;<br />
}<br />
<br />
.dropotron<br />
{<br />
background: rgba(255,255,255,0.975);<br />
padding: 1em 1.25em 1em 1.25em;<br />
line-height: 1em;<br />
height: auto;<br />
width: auto;<br />
text-align: left;<br />
border-radius: 0.5em;<br />
box-shadow: 0 0.15em 0.25em 0 rgba(0,0,0,0.25);<br />
min-width: 12em;<br />
}<br />
<br />
.dropotron li<br />
{<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
color: #5b5b5b;<br />
list-style-type: none;<br />
}<br />
<br />
.dropotron li:first-child<br />
{<br />
border-top: 0;<br />
}<br />
<br />
.dropotron li:hover<br />
{<br />
color: #ef8376;<br />
}<br />
<br />
.dropotron li a,<br />
.dropotron li span<br />
{<br />
display: block;<br />
border: 0;<br />
padding: 0.5em 0 0.5em 0;<br />
-moz-transition: color 0.35s ease-in-out;<br />
-webkit-transition: color 0.35s ease-in-out;<br />
-o-transition: color 0.35s ease-in-out;<br />
-ms-transition: color 0.35s ease-in-out;<br />
transition: color 0.35s ease-in-out;<br />
}<br />
<br />
.dropotron.level-0<br />
{<br />
margin-top: 2em;<br />
font-size: 0.9em;<br />
}<br />
<br />
.dropotron.level-0:before<br />
{<br />
content: '';<br />
position: absolute;<br />
left: 50%;<br />
top: -0.7em;<br />
margin-left: -0.75em;<br />
border-bottom: solid 0.75em rgba(255,255,255,0.975);<br />
border-left: solid 0.75em rgba(64,64,64,0);<br />
border-right: solid 0.75em rgba(64,64,64,0);<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Updates banner */<br />
/*********************************************************************************/<br />
<br />
#Start<br />
{<br />
background: #fff;<br />
text-align: center;<br />
}<br />
<br />
<br />
#Start .inner1<br />
{<br />
z-index: 1;<br />
position: relative;<br />
padding: 5%;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Content */<br />
/*********************************************************************************/<br />
<br />
#content<br />
{<br />
}<br />
<br />
#content > hr<br />
{<br />
top: 3em;<br />
margin-bottom: 6em;<br />
}<br />
<br />
#content > section<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Sidebar */<br />
/*********************************************************************************/<br />
<br />
#sidebar<br />
{<br />
}<br />
<br />
#sidebar > hr.first<br />
{<br />
display: none;<br />
}<br />
<br />
#sidebar > hr<br />
{<br />
top: 3em;<br />
margin-bottom: 6em;<br />
}<br />
<br />
#sidebar > section<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Main */<br />
/*********************************************************************************/<br />
<br />
#main<br />
{<br />
}<br />
<br />
#main section:first-of-type<br />
{<br />
padding-top: 2em;<br />
} <br />
<br />
/*********************************************************************************/<br />
/* Footer */<br />
/*********************************************************************************/<br />
<br />
#footer<br />
{<br />
position: relative;<br />
overflow: hidden;<br />
background: #2b252c;<br />
color: #fff;<br />
padding: 2em 0 2em 0;<br />
}<br />
<br />
#footer .fa.circled<br />
{<br />
background: #fff;<br />
color: #2b252c;<br />
}<br />
<br />
#footer header<br />
{<br />
text-align: center !important;<br />
cursor: default;<br />
}<br />
<br />
#footer h2,<br />
#footer h3,<br />
#footer h4,<br />
#footer h5,<br />
#footer h6<br />
{<br />
color: #fff;<br />
}<br />
<br />
#footer .contact<br />
{<br />
text-align: center;<br />
}<br />
<br />
#footer .contact p<br />
{<br />
text-align: center;<br />
margin: 0 0 3em 0;<br />
}<br />
<br />
#footer .copyright<br />
{<br />
text-align: center;<br />
color: rgba(128,128,128,0.75);<br />
font-size: 0.8em;<br />
cursor: default;<br />
}<br />
<br />
#footer .copyright a<br />
{<br />
color: rgba(128,128,128,0.75);<br />
}<br />
<br />
#footer .copyright a:hover<br />
{<br />
color: rgba(212,212,212,0.85);<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Carousel */<br />
/*********************************************************************************/<br />
<br />
.carousel<br />
{<br />
position: relative;<br />
overflow: hidden;<br />
max-height:150px;<br />
}<br />
<br />
<!-- .carousel .read-more { <br />
position: absolute; <br />
bottom: 0; left: 0;<br />
width: 100%; <br />
text-align: center; <br />
margin: 0; padding: 3% 0; <br />
<br />
/* "transparent" only works here because == rgba(0,0,0,0) */ <br />
<br />
background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
}<br />
--><br />
<br />
.carousel .reel<br />
{<br />
width:100%;<br />
white-space: nowrap;<br />
position: relative;<br />
-webkit-overflow-scrolling: touch;<br />
padding: 0 2em 0 2em;<br />
}<br />
<br />
.carousel article<br />
{<br />
display: inline-block;<br />
width: 18em;<br />
background: #fff;<br />
text-align: center;<br />
padding: 3em;<br />
margin: 0 2em 0 0;<br />
white-space: normal;<br />
opacity: 1.0;<br />
-moz-transition: opacity 0.75s ease-in-out; <br />
-webkit-transition: opacity 0.75s ease-in-out; <br />
-o-transition: opacity 0.75s ease-in-out; <br />
-ms-transition: opacity 0.75s ease-in-out; <br />
transition: opacity 0.75s ease-in-out; <br />
}<br />
<br />
.carousel article.loading<br />
{<br />
opacity: 0;<br />
}<br />
<br />
.carousel article .image<br />
{<br />
position: relative;<br />
left: -1em;<br />
top: 0;<br />
width: auto;<br />
margin-right: -2em;<br />
margin-bottom: 3em;<br />
}<br />
<br />
.carousel article p<br />
{<br />
text-align: center;<br />
}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/css/style.css
Team:ETH Zurich/css/style.css
2014-10-17T23:36:19Z
<p>Eledieu: </p>
<hr />
<div>@charset 'UTF-8';<br />
<br />
/*<br />
Helios 1.5 by HTML5 UP<br />
html5up.net | @n33co<br />
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)<br />
*/<br />
<br />
/*********************************************************************************/<br />
/* Basic */<br />
/*********************************************************************************/<br />
<br />
pre<br />
{<br />
background-color:#FFFFFF !important;<br />
}<br />
<br />
body.paused *<br />
{<br />
-moz-transition: none;<br />
-webkit-transition: none;<br />
-o-transition: none;<br />
-ms-transition: none;<br />
transition: none;<br />
}<br />
<br />
body<br />
{<br />
background: #f0f4f4;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
center p<br />
{<br />
text-align:center;<br />
}<br />
<br />
body,input,textarea,select<br />
{<br />
font-size: 12pt;<br />
line-height: 1.85em;<br />
}<br />
<br />
.thumb<br />
{<br />
max-height:90%;<br />
max-width:90%;<br />
}<br />
<br />
.thumbimage, .thumbinner, .image<br />
{<br />
max-height:100%;<br />
max-width:100%;<br />
}<br />
<br />
div<br />
{<br />
max-width:100%;<br />
}<br />
<br />
img<br />
{<br />
max-width:100%;<br />
}<br />
<br />
h1,h2,h3,h4,h5,h6<br />
{<br />
font-weight: 400;<br />
color: #483949;<br />
line-height: 1.25em;<br />
}<br />
<br />
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a<br />
{<br />
color: #002bb8;<br />
text-decoration: none;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong<br />
{<br />
font-weight: 600;<br />
}<br />
<br />
h2<br />
{<br />
font-size: 2em;<br />
}<br />
<br />
h3<br />
{<br />
font-size: 1.2em;<br />
text-align:left;<br />
margin-top:1.3em;<br />
margin-bottom:1.2em !important;<br />
font-weight:800;<br />
}<br />
<br />
h4<br />
{<br />
font-size: 1em;<br />
text-align: left;<br />
font-style: italic;<br />
}<br />
<br />
h5<br />
{<br />
font-size: 1.2em;<br />
text-align:center;<br />
} <br />
.byline<br />
{<br />
display: block;<br />
font-size: 1.5em;<br />
margin-top: 1em;<br />
line-height: 1.5em;<br />
color:#fff;<br />
}<br />
<br />
strong<br />
{<br />
font-weight: 400;<br />
color: #FF0000;<br />
}<br />
<br />
b<br />
{<br />
font-weight: 800;<br />
}<br />
<br />
em, i<br />
{<br />
font-style: italic;<br />
}<br />
<br />
a<br />
{<br />
text-decoration: none;<br />
-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;<br />
}<br />
<br />
a:hover<br />
{<br />
color: #ef8376;<br />
border-bottom-color: transparent;<br />
}<br />
<br />
sub<br />
{<br />
position: relative;<br />
top: 0.5em;<br />
font-size: 0.8em;<br />
}<br />
<br />
sup<br />
{<br />
position: relative;<br />
top: -0.5em;<br />
font-size: 0.8em;<br />
}<br />
<br />
blockquote<br />
{<br />
border-left: solid 0.5em #ddd;<br />
padding: 1em 0 1em 2em;<br />
font-style: italic;<br />
}<br />
<br />
ul, ol, dl, table<br />
{<br />
margin-bottom: 1em;<br />
font-size:12pt;<br />
}<br />
<br />
ol<br />
{ <br />
list-style-type:decimal;<br />
text-align:left;<br />
list-style-position: inside;<br />
}<br />
<br />
p<br />
{<br />
color: #000000;<br />
text-align: justify;<br />
font-size: 12pt;<br />
}<br />
<br />
br.clear<br />
{<br />
clear: both;<br />
}<br />
<br />
header<br />
{<br />
margin: 0 0 1em 0;<br />
}<br />
<br />
header .byline<br />
{<br />
margin-bottom: 2em;<br />
color:#fff;<br />
}<br />
<br />
footer<br />
{<br />
margin: 2.5em 0 0 0;<br />
}<br />
<br />
hr<br />
{<br />
position: relative;<br />
display: block;<br />
top: 4.5em;<br />
margin-bottom: 9em;<br />
background: rgba(128,128,128,0);<br />
height: 6px;<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
border-bottom: solid 1px rgba(128,128,128,0.2);<br />
}<br />
<br />
hr:before,<br />
hr:after<br />
{<br />
content: '';<br />
position: absolute;<br />
top: -8px;<br />
display: block;<br />
width: 1px;<br />
height: 21px;<br />
background: rgba(128,128,128,0.2); <br />
}<br />
<br />
hr:before<br />
{<br />
left: -1px;<br />
}<br />
<br />
hr:after<br />
{<br />
right: -1px;<br />
}<br />
<br />
<br />
@media <br />
only screen and (max-width: 1400px) {<br />
<br />
/* Force table to not be like tables anymore */<br />
table.resized , .resized thead , .resized tbody , .resized th , .resized td , .resized tr { <br />
display: block; <br />
}<br />
<br />
/* Hide table headers (but not display: none;, for accessibility) */<br />
.resized thead tr { <br />
position: absolute;<br />
top: -9999px;<br />
left: -9999px;<br />
}<br />
<br />
<br />
.resized td { <br />
/* Behave like a "row" */<br />
position: relative;<br />
}<br />
<br />
.resized td:before { <br />
/* Now like a table header */<br />
position: absolute;<br />
/* Top/left values mimic padding */<br />
top: 6px;<br />
left: 6px;<br />
width: 45%; <br />
padding-right: 10px; <br />
white-space: nowrap;<br />
}<br />
<br />
}<br />
<br />
.timestamp<br />
{<br />
color: rgba(128,128,128,0.75);<br />
font-size: 0.8em;<br />
}<br />
<br />
/* Sections/Articles */<br />
<br />
section, article {<br />
margin-bottom :3em;<br />
} <br />
<br />
article<br />
{<br />
background: #fff;<br />
position: relative;<br />
z-index: 1;<br />
padding: 5%;<br />
text-align:justify;<br />
font-family: Source Sans Pro;<br />
}<br />
<br />
article > ul<br />
{ <br />
list-style-type:disc;<br />
text-align:left;<br />
font-size:12pt;<br />
margin-left:2%;<br />
}<br />
<br />
section > :last-child,<br />
article > :last-child<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
section:last-child,<br />
article:last-child<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
.row > section,<br />
.row > article<br />
{<br />
margin-bottom: 0;<br />
margin-left: 0;<br />
}<br />
<br />
.container .row:<br />
{<br />
padding-left:0px;<br />
}<br />
<br />
section.special > header,<br />
section.special > footer,<br />
article.special > header,<br />
article.special > footer<br />
{<br />
text-align: center;<br />
}<br />
<br />
/* Images */<br />
<br />
#igemLogo {<br />
position:absolute;<br />
right:2%;<br />
top:1em;<br />
z-index:10001;<br />
width:10%;<br />
}<br />
<br />
#mosaiLogo {<br />
position:absolute;<br />
left:2%;<br />
top:1em;<br />
z-index:10001;<br />
width:10%;<br />
}<br />
<br />
.image<br />
{<br />
position: relative;<br />
display: inline-block;<br />
border: 0;<br />
outline: 0;<br />
}<br />
<br />
/* Uncomment the block below if you want linked images to highlight on hover */<br />
<br />
/*<br />
a.image:before<br />
{<br />
content: '';<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
background: #fff;<br />
opacity: 0;<br />
-moz-transition: opacity 0.35s ease-in-out;<br />
-webkit-transition: opacity 0.35s ease-in-out;<br />
-o-transition: opacity 0.35s ease-in-out;<br />
-ms-transition: opacity 0.35s ease-in-out;<br />
transition: opacity 0.35s ease-in-out;<br />
}<br />
<br />
a.image:hover:before<br />
{<br />
opacity: 0.15;<br />
}<br />
*/<br />
<br />
.image img<br />
{<br />
display: block;<br />
height: auto;<br />
}<br />
<br />
a>img<br />
{<br />
display: block;<br />
height: auto;<br />
}<br />
<br />
.image.full<br />
{<br />
display: block;<br />
width: 100%;<br />
}<br />
<br />
.image.featured<br />
{<br />
display: block;<br />
width: 100%;<br />
margin: 0 0 4em 0;<br />
}<br />
<br />
.image.left<br />
{<br />
float: left;<br />
margin: 0 2em 2em 0;<br />
}<br />
<br />
.image.centered<br />
{<br />
display: block;<br />
margin: 0 0 2em 0;<br />
}<br />
<br />
.image.centered img<br />
{<br />
margin: 0 auto;<br />
width: auto;<br />
}<br />
a.svg {<br />
position: relative;<br />
display: inline-block;<br />
}<br />
/* Lists */<br />
<br />
ul.style1<br />
{<br />
}<br />
<br />
ul.actions<br />
{<br />
}<br />
<br />
ul.divided<br />
{<br />
}<br />
<br />
ul.divided li<br />
{<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
padding-top: 1.5em;<br />
margin-top: 1.5em;<br />
}<br />
<br />
ul.divided li:first-child<br />
{<br />
border-top: 0;<br />
padding-top: 0;<br />
margin-top: 0;<br />
}<br />
<br />
ul.menu<br />
{<br />
height: 1em;<br />
line-height: 1em;<br />
}<br />
<br />
ul.menu li<br />
{<br />
display: inline-block;<br />
border-left: solid 1px rgba(128,128,128,0.2);<br />
padding-left: 1.25em;<br />
margin-left: 1.25em;<br />
list-style-type: none !important;<br />
}<br />
<br />
ul.menu li:first-child<br />
{<br />
border-left: 0;<br />
padding-left: 0;<br />
margin-left: 0;<br />
}<br />
<br />
ul.icons li<br />
{<br />
display: inline-block;<br />
}<br />
<br />
ul.icons li a<br />
{<br />
display: inline-block;<br />
background: none;<br />
width: 10em;<br />
height: auto;<br />
line-height: 2.5em;<br />
text-align: center;<br />
border-radius: 100%;<br />
border: 0;<br />
color: #fff;<br />
padding: 0.6em;<br />
}<br />
<br />
ul.icons li a:hover<br />
{<br />
color: #ef8376;<br />
}<br />
<br />
ol.style1<br />
{<br />
}<br />
ul.sponsors<br />
{<br />
width: 100% !important;<br />
text-align:center !important;<br />
}<br />
<br />
ul.sponsors li<br />
{<br />
display: inline-block;<br />
height: auto;<br />
background: none;<br />
height: auto;<br />
text-align: center;<br />
}<br />
ul.sponsors li a img<br />
{<br />
display: inline-block;<br />
width: 10em;<br />
}<br />
<br />
/* Forms */<br />
<br />
form<br />
{<br />
}<br />
<br />
form label<br />
{<br />
display: block;<br />
}<br />
<br />
form input.text,<br />
form select,<br />
form textarea<br />
{<br />
-webkit-appearance: none;<br />
display: block;<br />
border: 0;<br />
background: #ccc;<br />
width: 100%;<br />
}<br />
<br />
form input.text:hover,<br />
form select:hover,<br />
form textarea:hover<br />
{<br />
}<br />
<br />
form input.text:focus,<br />
form select:focus,<br />
form textarea:focus<br />
{<br />
}<br />
<br />
form textarea<br />
{<br />
min-height: 9em;<br />
}<br />
<br />
form .formerize-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-webkit-input-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form :-moz-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-moz-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form :-ms-input-placeholder<br />
{<br />
color: #555 !important;<br />
}<br />
<br />
form ::-moz-focus-inner<br />
{<br />
border: 0;<br />
}<br />
<br />
/* Tables */<br />
<br />
table<br />
{<br />
width: 100%;<br />
}<br />
<br />
table.style1<br />
{<br />
width: 100%;<br />
}<br />
<br />
table.style1 tbody tr:nth-child(2n+2)<br />
{<br />
background: #f4f4f4;<br />
}<br />
<br />
table.style1 td<br />
{<br />
padding: 0.5em 1em 0.5em 1em;<br />
}<br />
<br />
table.style1 th<br />
{<br />
text-align: left;<br />
font-weight: 400;<br />
padding: 0.5em 1em 0.5em 1em;<br />
}<br />
<br />
table.style1 thead<br />
{<br />
background: #444;<br />
}<br />
<br />
table.style1 tfoot<br />
{<br />
background: #eee;<br />
}<br />
<br />
table.style1 tbody<br />
{<br />
}<br />
<br />
/* Buttons */<br />
<br />
/* Blog mosaic */<br />
#red<br />
{<br />
fill: #CD3C28;<br />
}<br />
<br />
#red:hover<br />
{<br />
fill: #FF0000;<br />
}<br />
<br />
#blue<br />
{<br />
fill: #1EB2E1;<br />
}<br />
<br />
#blue:hover<br />
{<br />
fill: #08F3FF;<br />
}<br />
<br />
#darkblue<br />
{<br />
fill: #21409A;<br />
}<br />
<br />
#darkblue:hover<br />
{<br />
fill: #2F62E0;<br />
}<br />
<br />
#green<br />
{<br />
fill: #60C914;<br />
}<br />
<br />
#green:hover<br />
{<br />
fill: #00FF00;<br />
}<br />
<br />
#gold<br />
{<br />
fill: #FFCC00;<br />
}<br />
<br />
#gold:hover<br />
{<br />
fill: #FFFF00;<br />
}<br />
<br />
#silver<br />
{<br />
fill: #C0C0C0;<br />
}<br />
<br />
#silver:hover<br />
{<br />
fill: #E6E6E6;<br />
}<br />
<br />
<br />
#bronze<br />
{<br />
fill: #8C7853;<br />
}<br />
<br />
#bronze:hover<br />
{<br />
fill: #CC9900;<br />
}<br />
<br />
/* Molbio animation */<br />
<br />
.animbutton#lasblue:hover, .animbutton#luxblue:hover,.animbutton#bothblue:hover, .animbutton#noneblue:hover<br />
{<br />
fill: #6F93EF;<br />
}<br />
<br />
<br />
.animbutton#lasred:hover, .animbutton#luxred:hover,.animbutton#bothred:hover, .animbutton#nonered:hover<br />
{<br />
fill: #F18B92;<br />
}<br />
<br />
<br />
/* Other buttons */<br />
<br />
.button<br />
{<br />
position: relative;<br />
display: inline;<br />
background: #df7366;<br />
color: #fff;<br />
text-align: center;<br />
border-radius: 0.5em;<br />
text-decoration: none;<br />
padding: 0.65em 3em 0.65em 3em;<br />
border: 0;<br />
cursor: pointer;<br />
outline: 0;<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
<br />
.button:hover<br />
{<br />
color: #fff;<br />
background: #ef8376;<br />
}<br />
<br />
.button:active<br />
{<br />
}<br />
<br />
.button.alt<br />
{<br />
}<br />
<br />
.button.alt:hover<br />
{<br />
}<br />
<br />
.button.alt:active<br />
{<br />
}<br />
<br />
.button.small<br />
{<br />
}<br />
<br />
.button.big<br />
{<br />
}<br />
<br />
.button.huge<br />
{<br />
}<br />
<br />
/* Posts */<br />
<br />
.post<br />
{<br />
}<br />
<br />
.post.stub<br />
{<br />
text-align: center;<br />
}<br />
<br />
.post.stub header<br />
{<br />
margin: 0;<br />
}<br />
<br />
/* Hidden Content Slider */<br />
#hidden_content{display:none;}<br />
#hide_content{}<br />
<br />
/*********************************************************************************/<br />
/* Icons */<br />
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */<br />
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */<br />
/*********************************************************************************/<br />
<br />
.fa<br />
{<br />
text-decoration: none;<br />
}<br />
<br />
.fa.solo<br />
{<br />
}<br />
<br />
.fa.solo span<br />
{<br />
display: none;<br />
}<br />
<br />
.fa.circled<br />
{<br />
position: relative;<br />
display: inline-block;<br />
background: #2b252c;<br />
color: #fff;<br />
border-radius: 100%;<br />
width: 3.5em;<br />
height: 3.5em;<br />
line-height: 3.5em;<br />
text-align: center;<br />
font-size: 1em;<br />
}<br />
<br />
.fa.circled:before<br />
{<br />
font-size: 2em;<br />
line-height: 1.75em;<br />
}<br />
<br />
header .fa.circled<br />
{<br />
margin: 0 0 2em 0;<br />
}<br />
<br />
.fa:before<br />
{<br />
display:inline-block;<br />
font-size: 1.25em;<br />
text-decoration: none;<br />
font-style: normal;<br />
font-weight: normal;<br />
line-height: 1;<br />
-webkit-font-smoothing:antialiased;<br />
-moz-osx-font-smoothing:grayscale;<br />
}<br />
<br />
.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}<br />
.fa-2x{font-size:2em}<br />
.fa-3x{font-size:3em}<br />
.fa-4x{font-size:4em}<br />
.fa-5x{font-size:5em}<br />
.fa-fw{width:1.2857142857142858em;text-align:center}<br />
.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}<br />
.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}<br />
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}<br />
.pull-right{float:right}<br />
.pull-left{float:left}<br />
.fa.pull-left{margin-right:.3em}<br />
.fa.pull-right{margin-left:.3em}<br />
.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}<br />
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}<br />
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}<br />
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}<br />
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}<br />
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}<br />
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}<br />
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}<br />
.fa-stack-1x{line-height:inherit}<br />
.fa-stack-2x{font-size:2em}<br />
.fa-inverse{color:#fff}<br />
.fa-glass:before{content:"\f000"}<br />
.fa-music:before{content:"\f001"}<br />
.fa-search:before{content:"\f002"}<br />
.fa-envelope-o:before{content:"\f003"}<br />
.fa-heart:before{content:"\f004"}<br />
.fa-star:before{content:"\f005"}<br />
.fa-star-o:before{content:"\f006"}<br />
.fa-user:before{content:"\f007"}<br />
.fa-film:before{content:"\f008"}<br />
.fa-th-large:before{content:"\f009"}<br />
.fa-th:before{content:"\f00a"}<br />
.fa-th-list:before{content:"\f00b"}<br />
.fa-check:before{content:"\f00c"}<br />
.fa-times:before{content:"\f00d"}<br />
.fa-search-plus:before{content:"\f00e"}<br />
.fa-search-minus:before{content:"\f010"}<br />
.fa-power-off:before{content:"\f011"}<br />
.fa-signal:before{content:"\f012"}<br />
.fa-gear:before,.fa-cog:before{content:"\f013"}<br />
.fa-trash-o:before{content:"\f014"}<br />
.fa-home:before{content:"\f015"}<br />
.fa-file-o:before{content:"\f016"}<br />
.fa-clock-o:before{content:"\f017"}<br />
.fa-road:before{content:"\f018"}<br />
.fa-download:before{content:"\f019"}<br />
.fa-arrow-circle-o-down:before{content:"\f01a"}<br />
.fa-arrow-circle-o-up:before{content:"\f01b"}<br />
.fa-inbox:before{content:"\f01c"}<br />
.fa-play-circle-o:before{content:"\f01d"}<br />
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}<br />
.fa-refresh:before{content:"\f021"}<br />
.fa-list-alt:before{content:"\f022"}<br />
.fa-lock:before{content:"\f023"}<br />
.fa-flag:before{content:"\f024"}<br />
.fa-headphones:before{content:"\f025"}<br />
.fa-volume-off:before{content:"\f026"}<br />
.fa-volume-down:before{content:"\f027"}<br />
.fa-volume-up:before{content:"\f028"}<br />
.fa-qrcode:before{content:"\f029"}<br />
.fa-barcode:before{content:"\f02a"}<br />
.fa-tag:before{content:"\f02b"}<br />
.fa-tags:before{content:"\f02c"}<br />
.fa-book:before{content:"\f02d"}<br />
.fa-bookmark:before{content:"\f02e"}<br />
.fa-print:before{content:"\f02f"}<br />
.fa-camera:before{content:"\f030"}<br />
.fa-font:before{content:"\f031"}<br />
.fa-bold:before{content:"\f032"}<br />
.fa-italic:before{content:"\f033"}<br />
.fa-text-height:before{content:"\f034"}<br />
.fa-text-width:before{content:"\f035"}<br />
.fa-align-left:before{content:"\f036"}<br />
.fa-align-center:before{content:"\f037"}<br />
.fa-align-right:before{content:"\f038"}<br />
.fa-align-justify:before{content:"\f039"}<br />
.fa-list:before{content:"\f03a"}<br />
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}<br />
.fa-indent:before{content:"\f03c"}<br />
.fa-video-camera:before{content:"\f03d"}<br />
.fa-picture-o:before{content:"\f03e"}<br />
.fa-pencil:before{content:"\f040"}<br />
.fa-map-marker:before{content:"\f041"}<br />
.fa-adjust:before{content:"\f042"}<br />
.fa-tint:before{content:"\f043"}<br />
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}<br />
.fa-share-square-o:before{content:"\f045"}<br />
.fa-check-square-o:before{content:"\f046"}<br />
.fa-move:before{content:"\f047"}<br />
.fa-step-backward:before{content:"\f048"}<br />
.fa-fast-backward:before{content:"\f049"}<br />
.fa-backward:before{content:"\f04a"}<br />
.fa-play:before{content:"\f04b"}<br />
.fa-pause:before{content:"\f04c"}<br />
.fa-stop:before{content:"\f04d"}<br />
.fa-forward:before{content:"\f04e"}<br />
.fa-fast-forward:before{content:"\f050"}<br />
.fa-step-forward:before{content:"\f051"}<br />
.fa-eject:before{content:"\f052"}<br />
.fa-chevron-left:before{content:"\f053"}<br />
.fa-chevron-right:before{content:"\f054"}<br />
.fa-plus-circle:before{content:"\f055"}<br />
.fa-minus-circle:before{content:"\f056"}<br />
.fa-times-circle:before{content:"\f057"}<br />
.fa-check-circle:before{content:"\f058"}<br />
.fa-question-circle:before{content:"\f059"}<br />
.fa-info-circle:before{content:"\f05a"}<br />
.fa-crosshairs:before{content:"\f05b"}<br />
.fa-times-circle-o:before{content:"\f05c"}<br />
.fa-check-circle-o:before{content:"\f05d"}<br />
.fa-ban:before{content:"\f05e"}<br />
.fa-arrow-left:before{content:"\f060"}<br />
.fa-arrow-right:before{content:"\f061"}<br />
.fa-arrow-up:before{content:"\f062"}<br />
.fa-arrow-down:before{content:"\f063"}<br />
.fa-mail-forward:before,.fa-share:before{content:"\f064"}<br />
.fa-resize-full:before{content:"\f065"}<br />
.fa-resize-small:before{content:"\f066"}<br />
.fa-plus:before{content:"\f067"}<br />
.fa-minus:before{content:"\f068"}<br />
.fa-asterisk:before{content:"\f069"}<br />
.fa-exclamation-circle:before{content:"\f06a"}<br />
.fa-gift:before{content:"\f06b"}<br />
.fa-leaf:before{content:"\f06c"}<br />
.fa-fire:before{content:"\f06d"}<br />
.fa-eye:before{content:"\f06e"}<br />
.fa-eye-slash:before{content:"\f070"}<br />
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}<br />
.fa-plane:before{content:"\f072"}<br />
.fa-calendar:before{content:"\f073"}<br />
.fa-random:before{content:"\f074"}<br />
.fa-comment:before{content:"\f075"}<br />
.fa-magnet:before{content:"\f076"}<br />
.fa-chevron-up:before{content:"\f077"}<br />
.fa-chevron-down:before{content:"\f078"}<br />
.fa-retweet:before{content:"\f079"}<br />
.fa-shopping-cart:before{content:"\f07a"}<br />
.fa-folder:before{content:"\f07b"}<br />
.fa-folder-open:before{content:"\f07c"}<br />
.fa-resize-vertical:before{content:"\f07d"}<br />
.fa-resize-horizontal:before{content:"\f07e"}<br />
.fa-bar-chart-o:before{content:"\f080"}<br />
.fa-twitter-square:before{content:"\f081"}<br />
.fa-facebook-square:before{content:"\f082"}<br />
.fa-camera-retro:before{content:"\f083"}<br />
.fa-key:before{content:"\f084"}<br />
.fa-gears:before,.fa-cogs:before{content:"\f085"}<br />
.fa-comments:before{content:"\f086"}<br />
.fa-thumbs-o-up:before{content:"\f087"}<br />
.fa-thumbs-o-down:before{content:"\f088"}<br />
.fa-star-half:before{content:"\f089"}<br />
.fa-heart-o:before{content:"\f08a"}<br />
.fa-sign-out:before{content:"\f08b"}<br />
.fa-linkedin-square:before{content:"\f08c"}<br />
.fa-thumb-tack:before{content:"\f08d"}<br />
.fa-external-link:before{content:"\f08e"}<br />
.fa-sign-in:before{content:"\f090"}<br />
.fa-trophy:before{content:"\f091"}<br />
.fa-github-square:before{content:"\f092"}<br />
.fa-upload:before{content:"\f093"}<br />
.fa-lemon-o:before{content:"\f094"}<br />
.fa-phone:before{content:"\f095"}<br />
.fa-square-o:before{content:"\f096"}<br />
.fa-bookmark-o:before{content:"\f097"}<br />
.fa-phone-square:before{content:"\f098"}<br />
.fa-twitter:before{content:"\f099"}<br />
.fa-facebook:before{content:"\f09a"}<br />
.fa-github:before{content:"\f09b"}<br />
.fa-unlock:before{content:"\f09c"}<br />
.fa-credit-card:before{content:"\f09d"}<br />
.fa-rss:before{content:"\f09e"}<br />
.fa-hdd-o:before{content:"\f0a0"}<br />
.fa-bullhorn:before{content:"\f0a1"}<br />
.fa-bell:before{content:"\f0f3"}<br />
.fa-certificate:before{content:"\f0a3"}<br />
.fa-hand-o-right:before{content:"\f0a4"}<br />
.fa-hand-o-left:before{content:"\f0a5"}<br />
.fa-hand-o-up:before{content:"\f0a6"}<br />
.fa-hand-o-down:before{content:"\f0a7"}<br />
.fa-arrow-circle-left:before{content:"\f0a8"}<br />
.fa-arrow-circle-right:before{content:"\f0a9"}<br />
.fa-arrow-circle-up:before{content:"\f0aa"}<br />
.fa-arrow-circle-down:before{content:"\f0ab"}<br />
.fa-globe:before{content:"\f0ac"}<br />
.fa-wrench:before{content:"\f0ad"}<br />
.fa-tasks:before{content:"\f0ae"}<br />
.fa-filter:before{content:"\f0b0"}<br />
.fa-briefcase:before{content:"\f0b1"}<br />
.fa-fullscreen:before{content:"\f0b2"}<br />
.fa-group:before{content:"\f0c0"}<br />
.fa-chain:before,.fa-link:before{content:"\f0c1"}<br />
.fa-cloud:before{content:"\f0c2"}<br />
.fa-flask:before{content:"\f0c3"}<br />
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}<br />
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}<br />
.fa-paperclip:before{content:"\f0c6"}<br />
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}<br />
.fa-square:before{content:"\f0c8"}<br />
.fa-reorder:before{content:"\f0c9"}<br />
.fa-list-ul:before{content:"\f0ca"}<br />
.fa-list-ol:before{content:"\f0cb"}<br />
.fa-strikethrough:before{content:"\f0cc"}<br />
.fa-underline:before{content:"\f0cd"}<br />
.fa-table:before{content:"\f0ce"}<br />
.fa-magic:before{content:"\f0d0"}<br />
.fa-truck:before{content:"\f0d1"}<br />
.fa-pinterest:before{content:"\f0d2"}<br />
.fa-pinterest-square:before{content:"\f0d3"}<br />
.fa-google-plus-square:before{content:"\f0d4"}<br />
.fa-google-plus:before{content:"\f0d5"}<br />
.fa-money:before{content:"\f0d6"}<br />
.fa-caret-down:before{content:"\f0d7"}<br />
.fa-caret-up:before{content:"\f0d8"}<br />
.fa-caret-left:before{content:"\f0d9"}<br />
.fa-caret-right:before{content:"\f0da"}<br />
.fa-columns:before{content:"\f0db"}<br />
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}<br />
.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}<br />
.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}<br />
.fa-envelope:before{content:"\f0e0"}<br />
.fa-linkedin:before{content:"\f0e1"}<br />
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}<br />
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}<br />
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}<br />
.fa-comment-o:before{content:"\f0e5"}<br />
.fa-comments-o:before{content:"\f0e6"}<br />
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}<br />
.fa-sitemap:before{content:"\f0e8"}<br />
.fa-umbrella:before{content:"\f0e9"}<br />
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}<br />
.fa-lightbulb-o:before{content:"\f0eb"}<br />
.fa-exchange:before{content:"\f0ec"}<br />
.fa-cloud-download:before{content:"\f0ed"}<br />
.fa-cloud-upload:before{content:"\f0ee"}<br />
.fa-user-md:before{content:"\f0f0"}<br />
.fa-stethoscope:before{content:"\f0f1"}<br />
.fa-suitcase:before{content:"\f0f2"}<br />
.fa-bell-o:before{content:"\f0a2"}<br />
.fa-coffee:before{content:"\f0f4"}<br />
.fa-cutlery:before{content:"\f0f5"}<br />
.fa-file-text-o:before{content:"\f0f6"}<br />
.fa-building:before{content:"\f0f7"}<br />
.fa-hospital:before{content:"\f0f8"}<br />
.fa-ambulance:before{content:"\f0f9"}<br />
.fa-medkit:before{content:"\f0fa"}<br />
.fa-fighter-jet:before{content:"\f0fb"}<br />
.fa-beer:before{content:"\f0fc"}<br />
.fa-h-square:before{content:"\f0fd"}<br />
.fa-plus-square:before{content:"\f0fe"}<br />
.fa-angle-double-left:before{content:"\f100"}<br />
.fa-angle-double-right:before{content:"\f101"}<br />
.fa-angle-double-up:before{content:"\f102"}<br />
.fa-angle-double-down:before{content:"\f103"}<br />
.fa-angle-left:before{content:"\f104"}<br />
.fa-angle-right:before{content:"\f105"}<br />
.fa-angle-up:before{content:"\f106"}<br />
.fa-angle-down:before{content:"\f107"}<br />
.fa-desktop:before{content:"\f108"}<br />
.fa-laptop:before{content:"\f109"}<br />
.fa-tablet:before{content:"\f10a"}<br />
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}<br />
.fa-circle-o:before{content:"\f10c"}<br />
.fa-quote-left:before{content:"\f10d"}<br />
.fa-quote-right:before{content:"\f10e"}<br />
.fa-spinner:before{content:"\f110"}<br />
.fa-circle:before{content:"\f111"}<br />
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}<br />
.fa-github-alt:before{content:"\f113"}<br />
.fa-folder-o:before{content:"\f114"}<br />
.fa-folder-open-o:before{content:"\f115"}<br />
.fa-expand-o:before{content:"\f116"}<br />
.fa-collapse-o:before{content:"\f117"}<br />
.fa-smile-o:before{content:"\f118"}<br />
.fa-frown-o:before{content:"\f119"}<br />
.fa-meh-o:before{content:"\f11a"}<br />
.fa-gamepad:before{content:"\f11b"}<br />
.fa-keyboard-o:before{content:"\f11c"}<br />
.fa-flag-o:before{content:"\f11d"}<br />
.fa-flag-checkered:before{content:"\f11e"}<br />
.fa-terminal:before{content:"\f120"}<br />
.fa-code:before{content:"\f121"}<br />
.fa-reply-all:before{content:"\f122"}<br />
.fa-mail-reply-all:before{content:"\f122"}<br />
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}<br />
.fa-location-arrow:before{content:"\f124"}<br />
.fa-crop:before{content:"\f125"}<br />
.fa-code-fork:before{content:"\f126"}<br />
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}<br />
.fa-question:before{content:"\f128"}<br />
.fa-info:before{content:"\f129"}<br />
.fa-exclamation:before{content:"\f12a"}<br />
.fa-superscript:before{content:"\f12b"}<br />
.fa-subscript:before{content:"\f12c"}<br />
.fa-eraser:before{content:"\f12d"}<br />
.fa-puzzle-piece:before{content:"\f12e"}<br />
.fa-microphone:before{content:"\f130"}<br />
.fa-microphone-slash:before{content:"\f131"}<br />
.fa-shield:before{content:"\f132"}<br />
.fa-calendar-o:before{content:"\f133"}<br />
.fa-fire-extinguisher:before{content:"\f134"}<br />
.fa-rocket:before{content:"\f135"}<br />
.fa-maxcdn:before{content:"\f136"}<br />
.fa-chevron-circle-left:before{content:"\f137"}<br />
.fa-chevron-circle-right:before{content:"\f138"}<br />
.fa-chevron-circle-up:before{content:"\f139"}<br />
.fa-chevron-circle-down:before{content:"\f13a"}<br />
.fa-html5:before{content:"\f13b"}<br />
.fa-css3:before{content:"\f13c"}<br />
.fa-anchor:before{content:"\f13d"}<br />
.fa-unlock-o:before{content:"\f13e"}<br />
.fa-bullseye:before{content:"\f140"}<br />
.fa-ellipsis-horizontal:before{content:"\f141"}<br />
.fa-ellipsis-vertical:before{content:"\f142"}<br />
.fa-rss-square:before{content:"\f143"}<br />
.fa-play-circle:before{content:"\f144"}<br />
.fa-ticket:before{content:"\f145"}<br />
.fa-minus-square:before{content:"\f146"}<br />
.fa-minus-square-o:before{content:"\f147"}<br />
.fa-level-up:before{content:"\f148"}<br />
.fa-level-down:before{content:"\f149"}<br />
.fa-check-square:before{content:"\f14a"}<br />
.fa-pencil-square:before{content:"\f14b"}<br />
.fa-external-link-square:before{content:"\f14c"}<br />
.fa-share-square:before{content:"\f14d"}<br />
.fa-compass:before{content:"\f14e"}<br />
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}<br />
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}<br />
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}<br />
.fa-euro:before,.fa-eur:before{content:"\f153"}<br />
.fa-gbp:before{content:"\f154"}<br />
.fa-dollar:before,.fa-usd:before{content:"\f155"}<br />
.fa-rupee:before,.fa-inr:before{content:"\f156"}<br />
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}<br />
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}<br />
.fa-won:before,.fa-krw:before{content:"\f159"}<br />
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}<br />
.fa-file:before{content:"\f15b"}<br />
.fa-file-text:before{content:"\f15c"}<br />
.fa-sort-alpha-asc:before{content:"\f15d"}<br />
.fa-sort-alpha-desc:before{content:"\f15e"}<br />
.fa-sort-amount-asc:before{content:"\f160"}<br />
.fa-sort-amount-desc:before{content:"\f161"}<br />
.fa-sort-numeric-asc:before{content:"\f162"}<br />
.fa-sort-numeric-desc:before{content:"\f163"}<br />
.fa-thumbs-up:before{content:"\f164"}<br />
.fa-thumbs-down:before{content:"\f165"}<br />
.fa-youtube-square:before{content:"\f166"}<br />
.fa-youtube:before{content:"\f167"}<br />
.fa-xing:before{content:"\f168"}<br />
.fa-xing-square:before{content:"\f169"}<br />
.fa-youtube-play:before{content:"\f16a"}<br />
.fa-dropbox:before{content:"\f16b"}<br />
.fa-stack-overflow:before{content:"\f16c"}<br />
.fa-instagram:before{content:"\f16d"}<br />
.fa-flickr:before{content:"\f16e"}<br />
.fa-adn:before{content:"\f170"}<br />
.fa-bitbucket:before{content:"\f171"}<br />
.fa-bitbucket-square:before{content:"\f172"}<br />
.fa-tumblr:before{content:"\f173"}<br />
.fa-tumblr-square:before{content:"\f174"}<br />
.fa-long-arrow-down:before{content:"\f175"}<br />
.fa-long-arrow-up:before{content:"\f176"}<br />
.fa-long-arrow-left:before{content:"\f177"}<br />
.fa-long-arrow-right:before{content:"\f178"}<br />
.fa-apple:before{content:"\f179"}<br />
.fa-windows:before{content:"\f17a"}<br />
.fa-android:before{content:"\f17b"}<br />
.fa-linux:before{content:"\f17c"}<br />
.fa-dribbble:before{content:"\f17d"}<br />
.fa-skype:before{content:"\f17e"}<br />
.fa-foursquare:before{content:"\f180"}<br />
.fa-trello:before{content:"\f181"}<br />
.fa-female:before{content:"\f182"}<br />
.fa-male:before{content:"\f183"}<br />
.fa-gittip:before{content:"\f184"}<br />
.fa-sun-o:before{content:"\f185"}<br />
.fa-moon-o:before{content:"\f186"}<br />
.fa-archive:before{content:"\f187"}<br />
.fa-bug:before{content:"\f188"}<br />
.fa-vk:before{content:"\f189"}<br />
.fa-weibo:before{content:"\f18a"}<br />
.fa-renren:before{content:"\f18b"}<br />
.fa-pagelines:before{content:"\f18c"}<br />
.fa-stack-exchange:before{content:"\f18d"}<br />
.fa-arrow-circle-o-right:before{content:"\f18e"}<br />
.fa-arrow-circle-o-left:before{content:"\f190"}<br />
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}<br />
.fa-dot-circle-o:before{content:"\f192"}<br />
.fa-wheelchair:before{content:"\f193"}<br />
.fa-vimeo-square:before{content:"\f194"}<br />
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}<br />
<br />
/*********************************************************************************/<br />
/* Wrapper */<br />
/*********************************************************************************/<br />
<br />
.wrapper<br />
{<br />
color:inherit;<br />
margin: 0 0 5%;<br />
}<br />
<br />
.wrapper.style1<br />
{<br />
background-color:#fff;<br />
position:relative;<br />
margin: 0 auto;<br />
width : 90%;<br />
}<br />
<br />
.wrapper.style2<br />
{<br />
padding-top: 0;<br />
}<br />
<br />
<br />
/*********************************************************************************/<br />
/* Header */<br />
/*********************************************************************************/<br />
<br />
#header<br />
{<br />
position: relative;<br />
background-image: url('https://static.igem.org/mediawiki/2014/d/d8/ETH_Zurich_background.png');<br />
background-size: cover;<br />
background-attachment: fixed;<br />
text-align: center;<br />
padding: 10% 5% 10% 5%;<br />
cursor: default;<br />
font-weight: 200;<br />
vertical-align: bottom;<br />
}<br />
<br />
.homepage #header<br />
{<br />
padding: 17% 5% 10% 5% !important;<br />
}<br />
<br />
#header<br />
{<br />
content: '';<br />
background: #2b2e3c;<br />
display: block;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
width: 100%;<br />
height: 100%;<br />
opacity: 1.0;<br />
-moz-transition: opacity 2s ease-in-out;<br />
-webkit-transition: opacity 2s ease-in-out;<br />
-o-transition: opacity 2s ease-in-out;<br />
-ms-transition: opacity 2s ease-in-out;<br />
transition: opacity 2s ease-in-out;<br />
}<br />
<br />
.homepage #header.ready .overlay<br />
{<br />
opacity: 0;<br />
}<br />
<br />
.inner<br />
{<br />
z-index: 1;<br />
position: relative;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
<br />
.inner2<br />
{<br />
background: #fff;<br />
position: relative;<br />
z-index: 1;<br />
padding: 2% 10%;<br />
min-height: 30em;<br />
width:87%;<br />
margin:auto;<br />
}<br />
<br />
<br />
#header .inner2 ul<br />
{ <br />
list-style-type:disc;<br />
text-align:left;<br />
font-size:12pt;<br />
margin-left:2%;<br />
}<br />
<br />
#header h1<br />
{<br />
color: #fff;<br />
font-size: 3em;<br />
line-height: 1em;<br />
}<br />
<br />
.homepage #header h1<br />
{<br />
font-size: 4em;<br />
}<br />
<br />
#header h1 a<br />
{<br />
color: inherit;<br />
}<br />
<br />
#header .byline<br />
{<br />
font-size: 1.25em;<br />
margin: 0;<br />
padding-bottom: 2%;<br />
}<br />
<br />
#header .button<br />
{<br />
border-radius: 100%;<br />
width: 5.5em;<br />
height: 5.5em;<br />
line-height: 4em;<br />
text-align: center;<br />
font-size: 1em;<br />
padding: 1%;<br />
color: #fff;<br />
text-decoration: none;<br />
margin-left:auto;<br />
margin-right:auto;<br />
}<br />
<br />
#header .twolines<br />
{<br />
line-height:inherit;<br />
} <br />
<br />
#header footer<br />
{<br />
margin: 1em 0 0 0;<br />
}<br />
<br />
#header hr<br />
{<br />
top: 1.5em;<br />
margin-bottom: 3em;<br />
<br />
border-bottom-color: rgba(192,192,192,0.35);<br />
box-shadow: inset 0 1px 0 0 rgba(192,192,192,0.35);<br />
}<br />
<br />
<br />
/*********************************************************************************/<br />
/* Nav */<br />
/*********************************************************************************/<br />
<br />
#nav<br />
{<br />
position: absolute;<br />
top: 0;<br />
left: 10%;<br />
width: 80%;<br />
text-align: center;<br />
padding: 1.5em 0 1.5em 0;<br />
z-index: 1;<br />
overflow: hidden;<br />
font-family: 'Source Sans Pro', sans-serif;<br />
}<br />
<br />
#nav > ul<br />
{<br />
line-height: 0px;<br />
position: relative;<br />
display: inline-block;<br />
margin: 0;<br />
<br />
height: 21px;<br />
}<br />
<br />
#nav > ul:before,<br />
#nav > ul:after<br />
{<br />
content: '';<br />
display: block;<br />
width: 300%;<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -2px;<br />
<br />
height: 5px;<br />
}<br />
<br />
#nav > ul:before<br />
{<br />
left: 100%;<br />
margin-left: 1px;<br />
}<br />
<br />
#nav > ul:after<br />
{<br />
right: 100%;<br />
margin-right: 1px;<br />
}<br />
<br />
#nav > ul > li<br />
{<br />
display: inline-block;<br />
margin: -9px 0.5em 0 0.5em;<br />
border-radius: 0.5em;<br />
padding: 0.85em;<br />
border: solid 1px transparent;<br />
-moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-o-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
-ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;<br />
}<br />
<br />
#nav > ul > li.active<br />
{<br />
border-color: rgba(192,192,192,0.35);<br />
}<br />
<br />
#nav > ul > li > a,<br />
#nav > ul > li > span<br />
{<br />
display: block;<br />
color: #fff;<br />
text-decoration: none;<br />
border: 0;<br />
outline: 0;<br />
}<br />
<br />
#nav > ul > li > ul<br />
{<br />
display: none;<br />
}<br />
<br />
.dropotron<br />
{<br />
background: rgba(255,255,255,0.975);<br />
padding: 1em 1.25em 1em 1.25em;<br />
line-height: 1em;<br />
height: auto;<br />
width: auto;<br />
text-align: left;<br />
border-radius: 0.5em;<br />
box-shadow: 0 0.15em 0.25em 0 rgba(0,0,0,0.25);<br />
min-width: 12em;<br />
}<br />
<br />
.dropotron li<br />
{<br />
border-top: solid 1px rgba(128,128,128,0.2);<br />
color: #5b5b5b;<br />
list-style-type: none;<br />
}<br />
<br />
.dropotron li:first-child<br />
{<br />
border-top: 0;<br />
}<br />
<br />
.dropotron li:hover<br />
{<br />
color: #ef8376;<br />
}<br />
<br />
.dropotron li a,<br />
.dropotron li span<br />
{<br />
display: block;<br />
border: 0;<br />
padding: 0.5em 0 0.5em 0;<br />
-moz-transition: color 0.35s ease-in-out;<br />
-webkit-transition: color 0.35s ease-in-out;<br />
-o-transition: color 0.35s ease-in-out;<br />
-ms-transition: color 0.35s ease-in-out;<br />
transition: color 0.35s ease-in-out;<br />
}<br />
<br />
.dropotron.level-0<br />
{<br />
margin-top: 2em;<br />
font-size: 0.9em;<br />
}<br />
<br />
.dropotron.level-0:before<br />
{<br />
content: '';<br />
position: absolute;<br />
left: 50%;<br />
top: -0.7em;<br />
margin-left: -0.75em;<br />
border-bottom: solid 0.75em rgba(255,255,255,0.975);<br />
border-left: solid 0.75em rgba(64,64,64,0);<br />
border-right: solid 0.75em rgba(64,64,64,0);<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Updates banner */<br />
/*********************************************************************************/<br />
<br />
#Start<br />
{<br />
background: #fff;<br />
text-align: center;<br />
}<br />
<br />
<br />
#Start .inner1<br />
{<br />
z-index: 1;<br />
position: relative;<br />
padding: 5%;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Content */<br />
/*********************************************************************************/<br />
<br />
#content<br />
{<br />
}<br />
<br />
#content > hr<br />
{<br />
top: 3em;<br />
margin-bottom: 6em;<br />
}<br />
<br />
#content > section<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Sidebar */<br />
/*********************************************************************************/<br />
<br />
#sidebar<br />
{<br />
}<br />
<br />
#sidebar > hr.first<br />
{<br />
display: none;<br />
}<br />
<br />
#sidebar > hr<br />
{<br />
top: 3em;<br />
margin-bottom: 6em;<br />
}<br />
<br />
#sidebar > section<br />
{<br />
margin-bottom: 0;<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Main */<br />
/*********************************************************************************/<br />
<br />
#main<br />
{<br />
}<br />
<br />
#main section:first-of-type<br />
{<br />
padding-top: 2em;<br />
} <br />
<br />
/*********************************************************************************/<br />
/* Footer */<br />
/*********************************************************************************/<br />
<br />
#footer<br />
{<br />
position: relative;<br />
overflow: hidden;<br />
background: #2b252c;<br />
color: #fff;<br />
padding: 2em 0 2em 0;<br />
}<br />
<br />
#footer .fa.circled<br />
{<br />
background: #fff;<br />
color: #2b252c;<br />
}<br />
<br />
#footer header<br />
{<br />
text-align: center !important;<br />
cursor: default;<br />
}<br />
<br />
#footer h2,<br />
#footer h3,<br />
#footer h4,<br />
#footer h5,<br />
#footer h6<br />
{<br />
color: #fff;<br />
}<br />
<br />
#footer .contact<br />
{<br />
text-align: center;<br />
}<br />
<br />
#footer .contact p<br />
{<br />
text-align: center;<br />
margin: 0 0 3em 0;<br />
}<br />
<br />
#footer .copyright<br />
{<br />
text-align: center;<br />
color: rgba(128,128,128,0.75);<br />
font-size: 0.8em;<br />
cursor: default;<br />
}<br />
<br />
#footer .copyright a<br />
{<br />
color: rgba(128,128,128,0.75);<br />
}<br />
<br />
#footer .copyright a:hover<br />
{<br />
color: rgba(212,212,212,0.85);<br />
}<br />
<br />
/*********************************************************************************/<br />
/* Carousel */<br />
/*********************************************************************************/<br />
<br />
.carousel<br />
{<br />
position: relative;<br />
overflow: hidden;<br />
max-height:150px;<br />
}<br />
<br />
<!-- .carousel .read-more { <br />
position: absolute; <br />
bottom: 0; left: 0;<br />
width: 100%; <br />
text-align: center; <br />
margin: 0; padding: 3% 0; <br />
<br />
/* "transparent" only works here because == rgba(0,0,0,0) */ <br />
<br />
background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
background-image: linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));<br />
}<br />
--><br />
<br />
.carousel .reel<br />
{<br />
width:100%;<br />
white-space: nowrap;<br />
position: relative;<br />
-webkit-overflow-scrolling: touch;<br />
padding: 0 2em 0 2em;<br />
}<br />
<br />
.carousel article<br />
{<br />
display: inline-block;<br />
width: 18em;<br />
background: #fff;<br />
text-align: center;<br />
padding: 3em;<br />
margin: 0 2em 0 0;<br />
white-space: normal;<br />
opacity: 1.0;<br />
-moz-transition: opacity 0.75s ease-in-out; <br />
-webkit-transition: opacity 0.75s ease-in-out; <br />
-o-transition: opacity 0.75s ease-in-out; <br />
-ms-transition: opacity 0.75s ease-in-out; <br />
transition: opacity 0.75s ease-in-out; <br />
}<br />
<br />
.carousel article.loading<br />
{<br />
opacity: 0;<br />
}<br />
<br />
.carousel article .image<br />
{<br />
position: relative;<br />
left: -1em;<br />
top: 0;<br />
width: auto;<br />
margin-right: -2em;<br />
margin-bottom: 3em;<br />
}<br />
<br />
.carousel article p<br />
{<br />
text-align: center;<br />
}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:33:41Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<html><br />
<div class="inner" id='header'><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
</html><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
<html><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:32:59Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<html><br />
<div class='header'><br />
<div class="inner"><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
</html><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
<html><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
</div> <br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich
Team:ETH Zurich
2014-10-17T23:32:18Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|From simplicity to complexity with bio<em>logic</em> gates}}<br />
<html><br />
<head><br />
<div class="inner"><br />
<br />
<div class='inner2'><br />
<html><style type="text/css">.inner2 ul {margin:0 !important}</style><br />
<h3 style="text-align:center"> <br />
Welcome to ETH Zurich iGEM team's wiki page!<br />
</h3><br />
</html><br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/project/overview|red|Project|Overview}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/expresults|green|Results}}<br />
{{:Team:ETH_Zurich/tpl/button2|/Team:ETH_Zurich/modeling/overview|blue|Modeling}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/data|green|Data|Page}}<br />
{{:Team:ETH_Zurich/tpl/buttontworows|/Team:ETH_Zurich/human/overview|red|Human|Practice}}<br />
<html><br />
<center><br />
<br/><br />
You will find "simplify" buttons all over the website that enable you to <br />
simplify the most scientific descriptions and discover the world of synthetic biology. Have fun !<br/><br/><br />
</center><br />
<div style="width:100%; margin: 0 auto;max-width: 800px;" id='Slider'> <br />
<ul class="bxslider" id="bxslider"><br />
<li><div style="position: relative"><img src="/wiki/images/e/e4/ETH_Zurich_Slider_Slide1.png" /><div style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-left: 2%; padding-right: 2%; padding-bottom: 5%; padding-top:15%"></html>{{:Team:ETH Zurich/Templates/Video|width=800px|id=video1|ratio=16/9|srcMP4=<html>/wiki/images/e/e1/ETH_Zurich_2014_ColinandSally.mp4</html>|poster=<html>/wiki/images/9/9f/ETH_mosaicoli_start.png</html>}}<html></div></div></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/project/overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/ETH_Zurich_Slider_Slide2.gif"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/expresults"><img src="https://static.igem.org/mediawiki/2014/4/43/ETH_Zurich_Slider_Slide3.png"/></a></li><br />
<li id="container1"></html>{{:Team:ETH_Zurich/slidermapinfo}}<html></li><br />
<li id="container2"></html>{{:Team:ETH_Zurich/slidermapchip}}<html></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/d/d9/ETH_Zurich_Slider_Slide6.png"/></a></li> <br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/human/overview"><img src="https://static.igem.org/mediawiki/2014/9/93/ETH_Zurich_Slider_Slide7.png"/></a></li><br />
<li><a href="https://2014.igem.org/Team:ETH_Zurich/team"><img src="https://static.igem.org/mediawiki/2014/1/11/ETH_Zurich_Slider_Slide8.png" /></a></li><br />
</ul><br />
</div><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
slider = $('.bxslider').bxSlider({'auto': false});<br />
});<br />
</script><br />
</div><br />
</div><br />
</head> <br />
<br />
</html><br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/File:ETH_Zurich_Integrase_SR1.png
File:ETH Zurich Integrase SR1.png
2014-10-17T23:26:42Z
<p>Eledieu: uploaded a new version of &quot;File:ETH Zurich Integrase SR1.png&quot;</p>
<hr />
<div>First model for characterization of integrases</div>
Eledieu
http://2014.igem.org/File:ETH_Zurich_Integrase_SR2.png
File:ETH Zurich Integrase SR2.png
2014-10-17T23:22:43Z
<p>Eledieu: uploaded a new version of &quot;File:ETH Zurich Integrase SR2.png&quot;</p>
<hr />
<div></div>
Eledieu
http://2014.igem.org/File:ETH_Zurich_DataPageRed.png
File:ETH Zurich DataPageRed.png
2014-10-17T23:16:12Z
<p>Eledieu: uploaded a new version of &quot;File:ETH Zurich DataPageRed.png&quot;</p>
<hr />
<div></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/data/red
Team:ETH Zurich/data/red
2014-10-17T23:15:46Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Enlarged Data Page: Red Cell Type}}<br />
<html><br />
<script type="text/javascript"><br />
(function($) {<br />
function img(url) {<br />
var i = new Image;<br />
i.src = url;<br />
return i;<br />
}<br />
<br />
if ('naturalWidth' in (new Image)) {<br />
$.fn.naturalWidth = function() { return this[0].naturalWidth; };<br />
$.fn.naturalHeight = function() { return this[0].naturalHeight; };<br />
return;<br />
}<br />
$.fn.naturalWidth = function() { return img(this[0].src).width; };<br />
$.fn.naturalHeight = function() { return img(this[0].src).height; };<br />
})(jQuery);<br />
<br />
<br />
<br />
function onWindowResize() <br />
{<br />
var curWidth = $(window).width(),<br />
curHeight = $(window).height(),<br />
checking=false;<br />
if (checking) {<br />
return;<br />
}<br />
checking = true;<br />
window.setTimeout(<br />
function() {<br />
var newWidth = $(window).width(),<br />
newHeight = $(window).height();<br />
if (!(newWidth !== curWidth ||<br />
newHeight !== curHeight)) {<br />
resize(false); <br />
}<br />
checking=false;<br />
}, 300);<br />
}<br />
<br />
function resize(initial) {<br />
if (!initial)<br />
{<br />
var container = $('#container');<br />
var imgWidth = container.width();<br />
<br />
$( "#map").each(function() {<br />
$(this).css('height', 'auto', 'width', 'auto');<br />
$(this).mapster('resize',Math.min(imgWidth, $(this).naturalWidth()) ,0,0); <br />
});<br />
}<br />
<br />
}<br />
<br />
$(document).ready(function(){<br />
<br />
$('#map').mapster({<br />
fillColor: 'ffffff',<br />
fillOpacity: 0.5,<br />
isSelectable: false,<br />
clickNavigate: true,<br />
});<br />
<br />
<br />
<br />
$(window).resize(<br />
function()<br />
{ <br />
onWindowResize();<br />
});<br />
resize(true);<br />
<br />
});<br />
<br />
</script><br />
</html><br />
<br />
<html><article id="container"><br />
<img usemap="#map" id="map" src="/wiki/images/1/11/ETH_Zurich_DataPageRed.png" style="width:100%;"/><br />
<map id="map" name="map"><area shape="poly" alt="" title="" coords="520,480,640,368,644,236,72,244,76,336,440,328,444,372,488,472" href="http://parts.igem.org/Part:BBa_J23100" target="" /><area shape="circle" alt="" title="" coords="613,489,73" href="http://parts.igem.org/Part:BBa_B0034" target="" /><area shape="poly" alt="" title="" coords="712,452,1016,448,1016,404,1156,488,1004,576,1012,536,700,532" href="http://parts.igem.org/Part:BBa_C0062" target="" /><area shape="poly" alt="" title="" coords="1340,476,1536,352,1708,336,1708,244,1356,260,1364,308,1304,320,1304,476,1312,476" href="http://parts.igem.org/Part:BBa_J23100" target="" /><area shape="poly" alt="" title="" coords="1220,484,1224,396,1180,392,1168,344,932,348,928,264,1300,292,1292,392,1248,396,1244,480" href="parts.igem.org/Part:BBa_B0015" target="" /><area shape="circle" alt="" title="" coords="1471,483,63" href="http://parts.igem.org/Part:BBa_B0034" target="" /><area shape="poly" alt="" title="" coords="1580,520,1584,448,1888,444,1884,396,2016,484,1884,564,1876,532,1576,528" href="http://parts.igem.org/Part:BBa_C0179" target="" /><area shape="poly" alt="" title="" coords="2088,480,2092,396,2044,396,1972,344,1968,272,2320,272,2316,348,2156,392,2124,392,2120,480,2084,476" href="http://parts.igem.org/Part:BBa_B0015" target="" /><area shape="poly" alt="" title="" coords="1944,1336,2080,1420,1944,1500,1944,1460,1552,1460,1548,1380,1944,1380,1936,1368" href="http://parts.igem.org/Part:BBa_K1039012" target="" /><area shape="poly" alt="" title="" coords="500,1412,500,1332,456,1328,452,1296,304,1300,304,1232,612,1232,608,1288,572,1284,572,1324,536,1328,532,1412" href="parts.igem.org/Part:BBa_B0012" target="" /><area shape="poly" alt="" title="" coords="800,1412,744,1328,640,1280,632,1228,716,1232,708,1164,1028,1168,1024,1228,832,1236,820,1412,804,1408" href="http://parts.igem.org/Part:BBa_R0079" target="" /><area shape="poly" alt="" title="" coords="1232,1456,1224,1368,836,1368,844,1456,1132,1456" href="http://parts.igem.org/Part:BBa_B0040" target="" /><area shape="poly" alt="" title="" coords="1260,1412,1256,1316,1124,1312,1120,1164,1428,1164,1424,1264,1320,1268,1340,1316,1272,1328,1268,1408" href="http://parts.igem.org/Part:BBa_R0079" target="" /><area shape="poly" alt="" title="" coords="488,2088,764,2064,772,1988,476,1992,480,1944,340,2028,480,2120,480,2124" href="parts.igem.org/Part:BBa_I20284" target="" /><area shape="poly" alt="" title="" coords="232,2012,228,1944,176,1936,184,1904,180,1840,504,1848,504,1908,304,1912,304,1940,256,1940,256,2016,248,2020" href="http://parts.igem.org/Part:BBa_B0012" target="" /><area shape="poly" alt="" title="" coords="1876,2024,1872,1940,1836,1940,1708,1908,1704,1848,2012,1856,2004,1904,1944,1908,1944,1944,1904,1944,1904,2032,1900,2024" href="http://parts.igem.org/Part:BBa_B0012" target="" /><area shape="poly" alt="" title="" coords="1520,2032,1404,1884,1392,1776,1752,1772,1756,1824,1544,1852,1536,1908,1604,1920,1544,1956,1544,1956" href="http://parts.igem.org/Part:BBa_R0062" target="" /><area shape="poly" alt="" title="" coords="1060,2020,1124,1828,1308,1828,1312,1764,936,1772,976,1948,1000,1968" href="http://parts.igem.org/Part:BBa_R0062" target="" /><area shape="rect" alt="" title="" coords="1104,1984,1468,2068" href="parts.igem.org/Part:BBa_B0040" target="" /><area shape="poly" alt="" title="" coords="344,2892,284,2748,288,2616,620,2612,608,2660,484,2680,468,2768,364,2840" href="http://parts.igem.org/Part:BBa_J23100" target="" /><area shape="poly" alt="" title="" coords="744,2880,744,2800,700,2796,596,2756,588,2688,908,2696,904,2768,812,2768,816,2796,768,2796,768,2876,760,2880" href="http://parts.igem.org/Part:BBa_B0015" target="" /><area shape="poly" alt="" title="" coords="2032,2844,2300,2828,2316,2792,2496,2888,2320,2968,2320,2936,2004,2936,2024,2880" href="http://parts.igem.org/Part:BBa_C0178" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map><br />
</html><br />
<br/><br />
<center>Go back on the [https://2014.igem.org/Team:ETH_Zurich/data general data page] and learn more about the features of our system.</center><br />
<html><br />
</article></html><br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/File:ETH_Zurich_DataPageBlue.png
File:ETH Zurich DataPageBlue.png
2014-10-17T23:14:17Z
<p>Eledieu: uploaded a new version of &quot;File:ETH Zurich DataPageBlue.png&quot;</p>
<hr />
<div></div>
Eledieu
http://2014.igem.org/File:ETH_Zurich_DataPageBlue.png
File:ETH Zurich DataPageBlue.png
2014-10-17T23:11:14Z
<p>Eledieu: uploaded a new version of &quot;File:ETH Zurich DataPageBlue.png&quot;</p>
<hr />
<div></div>
Eledieu
http://2014.igem.org/Team:ETH_Zurich/data/blue
Team:ETH Zurich/data/blue
2014-10-17T23:09:17Z
<p>Eledieu: </p>
<hr />
<div>{{:Team:ETH Zurich/tpl/head|Enlarged Data Page: Blue Cell Type}}<br />
<html><br />
<script type="text/javascript"><br />
(function($) {<br />
function img(url) {<br />
var i = new Image;<br />
i.src = url;<br />
return i;<br />
}<br />
<br />
if ('naturalWidth' in (new Image)) {<br />
$.fn.naturalWidth = function() { return this[0].naturalWidth; };<br />
$.fn.naturalHeight = function() { return this[0].naturalHeight; };<br />
return;<br />
}<br />
$.fn.naturalWidth = function() { return img(this[0].src).width; };<br />
$.fn.naturalHeight = function() { return img(this[0].src).height; };<br />
})(jQuery);<br />
<br />
<br />
<br />
function onWindowResize() <br />
{<br />
var curWidth = $(window).width(),<br />
curHeight = $(window).height(),<br />
checking=false;<br />
if (checking) {<br />
return;<br />
}<br />
checking = true;<br />
window.setTimeout(<br />
function() {<br />
var newWidth = $(window).width(),<br />
newHeight = $(window).height();<br />
if (!(newWidth !== curWidth ||<br />
newHeight !== curHeight)) {<br />
resize(false); <br />
}<br />
checking=false;<br />
}, 300);<br />
}<br />
<br />
function resize(initial) {<br />
if (!initial)<br />
{<br />
var container = $('#container');<br />
var imgWidth = container.width();<br />
<br />
$( "#map").each(function() {<br />
$(this).css('height', 'auto', 'width', 'auto');<br />
$(this).mapster('resize',Math.min(imgWidth, $(this).naturalWidth()) ,0,0); <br />
});<br />
}<br />
<br />
}<br />
<br />
$(document).ready(function(){<br />
<br />
$('#map').mapster({<br />
fillColor: 'ffffff',<br />
fillOpacity: 0.5,<br />
isSelectable: false,<br />
clickNavigate: true,<br />
});<br />
<br />
<br />
<br />
$(window).resize(<br />
function()<br />
{ <br />
onWindowResize();<br />
});<br />
resize(true);<br />
<br />
});<br />
<br />
</script><br />
</html><br />
<br />
<html><article id = "container"><br />
<img usemap="#map" id="map" src="/wiki/images/6/66/ETH_Zurich_DataPageBlue.png" style="width:100%;"/><br />
<map id="map" name="map"><area shape="poly" alt="" title="" coords="768,500,764,416,676,364,364,368,356,264,728,272,720,320,904,320,892,396,844,396,848,432,784,436,788,500,760,500" href="http://parts.igem.org/Part:BBa_J23100" target="" /><area shape="poly" alt="" title="" coords="1008,660,724,652,712,552,808,568,808,476,872,452,924,484,944,588,1032,572,1044,656" href="http://parts.igem.org/Part:BBa_B0034" target="" /><area shape="poly" alt="" title="" coords="976,476,1248,460,1256,408,1416,516,1264,600,1268,556,948,552,968,556,968,540" href="http://parts.igem.org/Part:BBa_C0062" target="" /><area shape="poly" alt="" title="" coords="1480,496,1480,416,1436,416,1212,372,1208,304,1528,312,1528,372,1560,380,1556,424,1516,420,1512,496,1488,500" href="http://parts.igem.org/Part:BBa_B0015" target="" /><area shape="poly" alt="" title="" coords="1580,500,1568,356,1628,352,1628,276,1976,280,1976,348,1760,372,1756,420,1616,440,1600,504" href="http://parts.igem.org/Part:BBa_J23100" target="" /><area shape="poly" alt="" title="" coords="2136,560,1840,552,1836,464,2140,472,2148,416,2276,508,2144,596" href="http://parts.igem.org/Part:BBa_C0179" target="" /><area shape="poly" alt="" title="" coords="1564,628,1904,640,1904,572,1796,556,1788,472,1720,444,1672,480,1660,532,1668,564,1556,568" href="http://parts.igem.org/Part:BBa_B0034" target="" /><area shape="poly" alt="" title="" coords="2348,496,2348,420,2296,416,2216,360,2224,288,2552,292,2548,376,2416,388,2420,412,2376,420,2376,496,2376,496" href="http://parts.igem.org/Part:BBa_B0015" target="" /><area shape="poly" alt="" title="" coords="488,1472,492,1396,448,1396,284,1352,292,1280,612,1304,600,1368,560,1364,564,1388,508,1396,524,1472" href="http://parts.igem.org/Part:BBa_B0012" target="" /><area shape="poly" alt="" title="" coords="792,1484,732,1388,636,1360,636,1288,700,1292,700,1220,1020,1240,1004,1312,820,1308,808,1484" href="http://parts.igem.org/Part:BBa_R0079" target="" /><area shape="poly" alt="" title="" coords="1252,1484,1240,1348,1112,1348,1112,1224,1416,1236,1416,1312,1280,1308,1344,1376,1344,1376" href="http://parts.igem.org/Part:BBa_R0079" target="" /><area shape="poly" alt="" title="" coords="848,1516,1220,1528,1220,1436,840,1436" href="http://parts.igem.org/Part:BBa_B0040" target="" /><area shape="poly" alt="" title="" coords="216,2092,220,2012,172,2004,172,1976,200,1896,496,1900,496,1964,292,1980,292,2000,252,2004,248,2092,228,2084" href="http://parts.igem.org/Part:BBa_B0012" target="" /><area shape="poly" alt="" title="" coords="768,2156,476,2140,476,2188,332,2104,468,2016,476,2060,768,2056" href="http://parts.igem.org/Part:BBa_I20284" target="" /><area shape="poly" alt="" title="" coords="1048,2088,956,1992,952,1844,1340,1852,1324,1896,1100,1912,1084,1972" href="http://parts.igem.org/Part:BBa_R0062" target="" /><area shape="poly" alt="" title="" coords="1504,2088,1496,1968,1412,1952,1404,1844,1784,1848,1748,1888,1592,1912,1580,2016,1532,2020" href="http://parts.igem.org/Part:BBa_R0062" target="" /><area shape="poly" alt="" title="" coords="1468,2136,1468,2056,1080,2052,1088,2140" href="http://parts.igem.org/Part:BBa_B0040" target="" /><area shape="poly" alt="" title="" coords="1868,2084,1864,2000,1804,1996,1696,1964,1700,1908,2004,1908,1988,1976,1940,1976,1936,2004,1892,2004,1892,2088" href="http://parts.igem.org/Part:BBa_B0012" target="" /><area shape="poly" alt="" title="" coords="1232,2324,828,2320,828,1832,2032,1828,2020,2324,1668,2320,1668,2264,1240,2256,1248,2344,1248,2348,2052,2344,2056,1812,796,1816,808,2340,1244,2348,1236,2348" href="http://parts.igem.org/Part:BBa_K154XXXX" target="" /><area shape="poly" alt="" title="" coords="344,2896,292,2764,292,2624,628,2632,616,2688,484,2700,484,2788,388,2840,368,2900,348,2896" href="http://parts.igem.org/Part:BBa_J23100" target="" /><area shape="poly" alt="" title="" coords="748,2896,744,2820,700,2816,588,2764,604,2704,916,2708,912,2776,816,2780,820,2816,776,2820,776,2904" href="http://parts.igem.org/Part:BBa_B0015" target="" /><area shape="poly" alt="" title="" coords="2052,2876,2320,2848,2344,2856,2336,2808,2516,2900,2344,2992,2336,2956,2044,2952" href="http://parts.igem.org/Part:BBa_C0161" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map></html><br />
<br/><br />
<center>Go back on the [https://2014.igem.org/Team:ETH_Zurich/data general data page] and learn more about the features of our system.</center><br />
<br />
<html></article></html><br />
<br />
{{:Team:ETH Zurich/tpl/foot}}</div>
Eledieu
http://2014.igem.org/File:ETH_Zurich_2014_data_page.png
File:ETH Zurich 2014 data page.png
2014-10-17T23:08:04Z
<p>Eledieu: uploaded a new version of &quot;File:ETH Zurich 2014 data page.png&quot;</p>
<hr />
<div></div>
Eledieu
http://2014.igem.org/File:ETH_Zurich_2014_data_page.png
File:ETH Zurich 2014 data page.png
2014-10-17T23:07:29Z
<p>Eledieu: uploaded a new version of &quot;File:ETH Zurich 2014 data page.png&quot;</p>
<hr />
<div></div>
Eledieu