http://2012.igem.org/wiki/index.php?title=Special:Contributions/Eftychia&feed=atom&limit=50&target=Eftychia&year=&month=2012.igem.org - User contributions [en]2024-03-29T08:48:24ZFrom 2012.igem.orgMediaWiki 1.16.0http://2012.igem.org/Team:TU-Delft/overviewTeam:TU-Delft/overview2012-12-20T10:27:22Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Receptor</title></head><br />
<body><br />
<div style="height:70px; width:100%;"></div><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<div id="contentbox" style="text-align:justify;"><br />
<img src="https://static.igem.org/mediawiki/igem.org/1/12/Sifferomyces_header.jpg" align="middle" width="100%"><br />
<br />
<br />
<br />
<br />
<h2>Aim</h2> <br />
<p>The goal of this year’s iGEM project is to develop a microbial-based system for the detection of odors, chemicals in gaseous phase. Therefore we will make use of the similarities between the signal transduction cascades of the G-protein coupled receptors (GPCRs) in mammalian cells and the pheromone response pathway in yeast. We aim to <a href="https://2012.igem.org/Team:TU-Delft/part1#P7">functional express mammalian olfactory receptors</a> - GPCRs that bind odorant ligands - in the budding yeast <i>Saccharomyces cerevisiae</i>. By coupling this to a functional reporter it can be used as a novel biosensor for odorant screening. We characterized three mammalian olfactory receptors: one niacin receptor an two isoamyl acetate (banana smell) receptors. <br>We divided the project in three subparts: <a href="https://2012.igem.org/Team:TU-Delft/part1">Receptor</a>,<a href="https://2012.igem.org/Team:TU-Delft/part2"> Reporter</a> and <a href="https://2012.igem.org/Team:TU-Delft/part3">Snifferomyces</a> (=receptor+reporter).</p><br />
<h2>yeast</h2> <br />
<h3>Yeast, we choose you!</h3><br />
<p>For this project, we will use <i>S. cerevisiae</i> as a host organism because it utilizes already a GPCR pathway: the mating pathway. </p><br />
<h3>Sex response of <i>S. cerevisiae</i></h3><br />
<p>Yeast genders are called 'a' and 'α', and both genders extract pheromones called 'a'- and 'α'-pheromones. The 'a'-yeasts are able to detect the 'α'-pheromones, and so the other way around. Once the pheromone receptors detects pheromones of another gender, the G-alpha subunit comes to action, dissociating from the GPCR complex. This protein starts a signal leading to growth arrest and to a mating response, of which the morphology is called a shmoo.<br><br />
</p><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/b/b3/Shmooooo.jpg" width="53%" height="35%"<br />
<h2>Subparts</h2><br />
<h3>Receptor</h3><br />
<p>To make the smelling device to detect the ligands that we choose (tubercolosis smell and bananasmell) our yeast cells need to express the corresponding receptors. The receptors, due the <a href="https://2012.igem.org/Team:TU-Delft/part1#A1">chimeric properties</a> that we gave them, are transported to the same place as the pheromone receptor and will use the same pathway.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/8/88/Receptorchillplaatje.png" width="40%" height="35%"<br />
<h3>Reporter</h3><br />
<p>Upon detecting the ligand molecule, we would like to see more than a shmoo mating response. For this reason, we added a <a href="https://2012.igem.org/Team:TU-Delft/part2#A2">EGFP-output</a> which is promoted by the mating response inducible promoter, <a href="https://2012.igem.org/Team:TU-Delft/part2#A3"> <i>FUS1</i></a>.</p><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/a/a2/Reportersuperchill.png" width="40%" height="35%"<br />
<h3>Snifferomyces</h3><br />
<p>By combining the olfactory receptor and the <i>FUS1pr-EGFP</i> reporter, a complete yeast olfactory system is obtained: the snifferomyces. If the corresponding ligand binds to the receptor the underlying cascade is turned on and the EGFP is expressed. This EGFP signal can be read out by a fluorescence meter. <br/><br />
When the cell detects a ligand we do not want the cell to stop growing, so we deleted the <i>FAR1</i> gene, which causes growth arrest.</p><br />
<img src="https://static.igem.org/mediawiki/igem.org/e/ee/Outputeninput.png" width="40%" height="35%"<br />
<br />
<br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690"><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/informationtheoryTeam:TU-Delft/informationtheory2012-10-27T01:45:49Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Receptor</title></head><br />
<body><br />
<div style="height:70px; width:100%;"></div><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"/></a></div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c6/Receptor_header.jpg" align="middle" width="100%"/><br />
<br />
<br />
<h2> HALLO MENNO </h2><br />
<br />
<br />
<br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690" /><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/AnalysisTeam:TU-Delft/Analysis2012-10-27T01:38:49Z<p>Eftychia: Undo revision 294872 by Eftychia (talk)</p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSSLaksh}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Human Outreach</title></head><br />
<body> <br />
<div style="height:70px; width:100%;"></div><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"></img><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
</body><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/e/e9/Pathwaymodel_header.jpg" align="middle" width="100%"></html><br />
<div id="contentbox" style="text-align:justify;"><br />
Stability and time-dependant sensitivity analyses were implemented for the deterministic pathway model.<br />
= Stability analysis =<br />
A steady-state analysis can be done using even only the network structure, without knowing the rate constants for particular reactions. In the pathway model, we can see the receptor activation is the prerequisite to activate the whole pathway. The stability of the whole pathway is decided by the state of receptor. The full structure of receptor is showed in Figure 1. <br />
<br />
However, before parameter estimation by using experimental data, there are two possibilities for the evolution of receptor: dissipation or constant, because both values of rates to synthesize and to degrade the receptor are unknown. In correspondence, two results, either stable or unstable, might be possible because of lack of information. The stability analysis for both cases is implemented in the later parts.<br />
<br />
Then, from the collected experimental data (see in Pathway Model, parameter estimation), we found the output GFP decreases after reaching the peak sometime, which matches the case of dissipating Ste2. <br />
<br />
== Conclusion ==<br />
<br />
The system is stable by analysing the single cell pathway model.<br />
<br />
[[File:receptorFullStrut.png|400px|left|thumb|'''Figure 1''': Full structure of receptor.]]<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== In the case of dissipating Ste2 ==<br />
If the rate of receptor degradation is larger than the rate of receptor generation, the structure of receptor can be functionally simplified as Figure 2. The receptor will dissipate towards zero in the end. As a consequence, the states in the following pathway will recover to the initial states based on mass balance. Thus, GFP will definitely degrade to zero asymptotically.<br />
<br />
[[File:receptorDegradation.png|280px|left|thumb|'''Figure 2''': Structure of dissipating receptor.]]<br />
<br />
In this sense, there is only one steady state and no bifurcation, and the system seems to be stable. The steady states are listed in Table 1.<br />
<br />
[[File:Table of states.png|280px|left|thumb|'''Table 1''': Initial concentrations and steady states.]]<br />
<br />
In order to test the stability around the steady states, the linearization method is used for this nonlinear system. <br />
<br />
https://static.igem.org/mediawiki/igem.org/6/68/Formula1.PNG <br />
<br />
By computation, the eigenvalues of full Jacobian A contain both zeros and the values with negative real-part, leading to undertermined conclusion for the stability of original nonlinear system. However, because of mass balance, there are some conserved values which can be reduced. They are linear combinations of particle numbers that do not vary during the time evolution of the system. Each conservation relation can be used to eliminate one variable of the system, leading to a reduced system with a smaller number of variables. These variables are called the independent variables of the system; the dependent variables are defined as linear combinations of independent variables.Technically finding the conservation relation means finding rows in the stoichiometry matrix that can be expressed as linear combinations of other rows [1].<br />
[[File:Eigenvalues of Jacobian.png|240px|right|thumb|'''Table 2''': Eigenvalues of Jacobian.]]<br />
<br />
By using COPASI which uses Householder QR factorization [2] to reduce model, the Jacobian of reduced model can be calculated and its eigenvalues are showed in Table 2. 6 out of total 17 species are conserved values including Sst2a (Sst2), Fus3a (Fus3), Ste12 (Ste12a), and GaGTP, C, D in the big cycle of combining G-protein and MAPK cascade.<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== In the case of accumulating or constant Ste2 ==<br />
<br />
[[File:receptorConstant.png|240px|left|thumb|'''Figure 3''': Structure of constant receptor.]]<br />
<br />
If the rate of receptor degradation is smaller than the rate of receptor generation, the receptor will accumulate till reaching the possible maximum value. The pathway will keep activating once activated, and GFP will accumulate without limit, so the system is unstable.<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= Sensitivity analysis =<br />
<br />
== Motivation of sensitivity analysis ==<br />
Sensitivity analysis is to study how system variables depend on model parameters normally including two aspects: kinetic rates and initial concentrations. There are a couple of reasons to do sensitivity analysis.<br />
<ul><br />
<li>'''Validation of model with respect to uncertainty'''. When there is limited or no data for a conceptual model, one venue for model validation is to test the sensitivity of a given parameter fit. Thus, a model that is touted for its qualitative behaviour without quantitative behaviour can show that these properties are conserved when there is perturbation to the presented model.</li><br />
<li>'''Better choice for the parameter estimation'''. In the presence of a small data set and many parameters, responses will not change equally to similar changes in parameters: some are sensitive and some are not. The parameter space we wish to fit can be reduced by examining which parameters are sensitive and which are not.</li><br />
<li>'''Parameter tuning for the optimal experiment design'''. The original parameters in the experiment may be not efficient. In order to achieve better performance, some parameter can be tuned, such as the initial concentration of Ste2, the rate of Gbc synthesis, Gabc synthesis and mRNA synthesis in our project. Sensitivity analysis can provide how the output evolve when certain parameters are changed.</li><br />
</ul><br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== Time-dependant sensitivity analysis ==<br />
The output GFP is the variable of interest for our experiment, thus the sensitivity analysis is on the GFP rather than all species in the pathway model. <br />
<br />
Values of the parameters are cited from related paper, which is stated in detail in the page ''' Single Cell Model'''.<br />
<br />
A standard sensitivity analysis investigate the changes in the steady-state values of variables of interest with respect to the changes in the model parameters. However, time-dependant sensitivity analysis is chosen instead of steady-state analysis. This is becasue there is no multi steady states for GFP and the steady state might be not able to reach during the course of observation. Moreover, sometimes it is more important to know how the values of sensitivity evolve with the time. [3]<br />
<br />
https://static.igem.org/mediawiki/igem.org/3/39/Formula2.PNG<br />
<br />
V represents the variable we are interested, while p is the perturbed parameters. When initial concentrations are considered as perturbed parameters p, some of them are zero, as shows in Table 1. In order to avoid the meaningless sensitivities, the largest magnitude of each concentration is taken instead.<br />
<br />
=== Sensitivity of rates ===<br />
By varying the input from 0.002 to 20 micromolar and the magnitude of perturbation from 20% to 300%, all of these sensitivity analysis conclude the same ranking of sensitivity, in which only 3 rates are really important to the output and the sensitivities of other rates are lower than 1%, as shows in Table 3.<br />
[[File:r2.gif|580px|left|thumb|'''Figure 4''': Sensitivity analysis of rates in log scale when input is 2 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:r20.gif|580px|left|thumb|'''Figure 5''': Sensitivity analysis of rates in log scale when input is 20 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:rates.png|150px|middle|thumb|'''Figure 6''': Labels for rates]]<br />
<br />
[[File:Table of rate sensitivity.png|280px|left|thumb|'''Table 3''': Sensitivity ranking of sensitive rates.]]<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
=== Sensitivity of initial concentrations ===<br />
<br />
By varying the input from 0.002 to 20 micromolar and the magnitude of perturbation from 20% to 300%, time-dependant sensitivities of initial concentrations are plotted in Figure 7, 8, and 9. Four of initial concentrations have very high sensitivities on output, while some of them can be even ignored because of super low sensitivities. Table 4 lists the sensitivity ranking in decrement order.<br />
<br />
[[File:i02.gif|580px|left|thumb|'''Figure 7''': Sensitivity analysis of initial concentrations in log scale when input is 0.002 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:i2.gif|580px|left|thumb|'''Figure 8''': Sensitivity analysis of initial concentrations in log scale when input is 2 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:i20.gif|580px|left|thumb|'''Figure 9''': Sensitivity analysis of initial concentrations in log scale when input is 20 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:Table of initial concentration sensitivity.png|480px|left|thumb|'''Table 4''': Sensitivity ranking of initial concentrations.(red indicates the most sensitive ones, green the less sensitive, and the black ones are not so important)]]<br />
<br />
[[File:ic.png|100px|middle|thumb|'''Figure 10''': Labels for initial concentrations]]<br />
<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== Conclusion ==<br />
<br />
sensitivity rankings of rates and initial concentrations are obtained and listed in Table 3 and Table 4 respectively.<br />
<br />
<br />
*Matlab script for Sensitivity Analysis can be found [https://static.igem.org/mediawiki/igem.org/1/1c/Snifferomyces.txt'''here''']. <br />
</div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= References =<br />
<h6><br />
1. COPASI Documentation, Version 4.6 (Build 32) <br><br />
2. R. R. Vallabhajosyula, V. Chickarmane, and H. M. Sauro. Conservation analysis of large biochemical networks. Bioinformatics. 22(3). 346 - 353. 2006 <br><br />
3. Adriana Supady, Theoretical and computational analysis of negative feedback mechanisms and the dose-response alignment in the pheromone signalling pathway of the yeast Saccharomyces cerevisiae. Berlin, in September 2009.<br />
</h6><br />
</div><br />
<br />
<html><img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690"><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/AnalysisTeam:TU-Delft/Analysis2012-10-27T01:38:28Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSSLaksh}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Human Outreach</title></head><br />
<body> <br />
<div style="height:70px; width:100%;"></div><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"></img><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
</body><br />
<div id="contentbox" style="text-align:justify;"><br />
<img src="https://static.igem.org/mediawiki/igem.org/e/e9/Pathwaymodel_header.jpg" align="middle" width="100%"></html><br />
<br />
Stability and time-dependant sensitivity analyses were implemented for the deterministic pathway model.<br />
= Stability analysis =<br />
A steady-state analysis can be done using even only the network structure, without knowing the rate constants for particular reactions. In the pathway model, we can see the receptor activation is the prerequisite to activate the whole pathway. The stability of the whole pathway is decided by the state of receptor. The full structure of receptor is showed in Figure 1. <br />
<br />
However, before parameter estimation by using experimental data, there are two possibilities for the evolution of receptor: dissipation or constant, because both values of rates to synthesize and to degrade the receptor are unknown. In correspondence, two results, either stable or unstable, might be possible because of lack of information. The stability analysis for both cases is implemented in the later parts.<br />
<br />
Then, from the collected experimental data (see in Pathway Model, parameter estimation), we found the output GFP decreases after reaching the peak sometime, which matches the case of dissipating Ste2. <br />
<br />
== Conclusion ==<br />
<br />
The system is stable by analysing the single cell pathway model.<br />
<br />
[[File:receptorFullStrut.png|400px|left|thumb|'''Figure 1''': Full structure of receptor.]]<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== In the case of dissipating Ste2 ==<br />
If the rate of receptor degradation is larger than the rate of receptor generation, the structure of receptor can be functionally simplified as Figure 2. The receptor will dissipate towards zero in the end. As a consequence, the states in the following pathway will recover to the initial states based on mass balance. Thus, GFP will definitely degrade to zero asymptotically.<br />
<br />
[[File:receptorDegradation.png|280px|left|thumb|'''Figure 2''': Structure of dissipating receptor.]]<br />
<br />
In this sense, there is only one steady state and no bifurcation, and the system seems to be stable. The steady states are listed in Table 1.<br />
<br />
[[File:Table of states.png|280px|left|thumb|'''Table 1''': Initial concentrations and steady states.]]<br />
<br />
In order to test the stability around the steady states, the linearization method is used for this nonlinear system. <br />
<br />
https://static.igem.org/mediawiki/igem.org/6/68/Formula1.PNG <br />
<br />
By computation, the eigenvalues of full Jacobian A contain both zeros and the values with negative real-part, leading to undertermined conclusion for the stability of original nonlinear system. However, because of mass balance, there are some conserved values which can be reduced. They are linear combinations of particle numbers that do not vary during the time evolution of the system. Each conservation relation can be used to eliminate one variable of the system, leading to a reduced system with a smaller number of variables. These variables are called the independent variables of the system; the dependent variables are defined as linear combinations of independent variables.Technically finding the conservation relation means finding rows in the stoichiometry matrix that can be expressed as linear combinations of other rows [1].<br />
[[File:Eigenvalues of Jacobian.png|240px|right|thumb|'''Table 2''': Eigenvalues of Jacobian.]]<br />
<br />
By using COPASI which uses Householder QR factorization [2] to reduce model, the Jacobian of reduced model can be calculated and its eigenvalues are showed in Table 2. 6 out of total 17 species are conserved values including Sst2a (Sst2), Fus3a (Fus3), Ste12 (Ste12a), and GaGTP, C, D in the big cycle of combining G-protein and MAPK cascade.<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== In the case of accumulating or constant Ste2 ==<br />
<br />
[[File:receptorConstant.png|240px|left|thumb|'''Figure 3''': Structure of constant receptor.]]<br />
<br />
If the rate of receptor degradation is smaller than the rate of receptor generation, the receptor will accumulate till reaching the possible maximum value. The pathway will keep activating once activated, and GFP will accumulate without limit, so the system is unstable.<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= Sensitivity analysis =<br />
<br />
== Motivation of sensitivity analysis ==<br />
Sensitivity analysis is to study how system variables depend on model parameters normally including two aspects: kinetic rates and initial concentrations. There are a couple of reasons to do sensitivity analysis.<br />
<ul><br />
<li>'''Validation of model with respect to uncertainty'''. When there is limited or no data for a conceptual model, one venue for model validation is to test the sensitivity of a given parameter fit. Thus, a model that is touted for its qualitative behaviour without quantitative behaviour can show that these properties are conserved when there is perturbation to the presented model.</li><br />
<li>'''Better choice for the parameter estimation'''. In the presence of a small data set and many parameters, responses will not change equally to similar changes in parameters: some are sensitive and some are not. The parameter space we wish to fit can be reduced by examining which parameters are sensitive and which are not.</li><br />
<li>'''Parameter tuning for the optimal experiment design'''. The original parameters in the experiment may be not efficient. In order to achieve better performance, some parameter can be tuned, such as the initial concentration of Ste2, the rate of Gbc synthesis, Gabc synthesis and mRNA synthesis in our project. Sensitivity analysis can provide how the output evolve when certain parameters are changed.</li><br />
</ul><br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== Time-dependant sensitivity analysis ==<br />
The output GFP is the variable of interest for our experiment, thus the sensitivity analysis is on the GFP rather than all species in the pathway model. <br />
<br />
Values of the parameters are cited from related paper, which is stated in detail in the page ''' Single Cell Model'''.<br />
<br />
A standard sensitivity analysis investigate the changes in the steady-state values of variables of interest with respect to the changes in the model parameters. However, time-dependant sensitivity analysis is chosen instead of steady-state analysis. This is becasue there is no multi steady states for GFP and the steady state might be not able to reach during the course of observation. Moreover, sometimes it is more important to know how the values of sensitivity evolve with the time. [3]<br />
<br />
https://static.igem.org/mediawiki/igem.org/3/39/Formula2.PNG<br />
<br />
V represents the variable we are interested, while p is the perturbed parameters. When initial concentrations are considered as perturbed parameters p, some of them are zero, as shows in Table 1. In order to avoid the meaningless sensitivities, the largest magnitude of each concentration is taken instead.<br />
<br />
=== Sensitivity of rates ===<br />
By varying the input from 0.002 to 20 micromolar and the magnitude of perturbation from 20% to 300%, all of these sensitivity analysis conclude the same ranking of sensitivity, in which only 3 rates are really important to the output and the sensitivities of other rates are lower than 1%, as shows in Table 3.<br />
[[File:r2.gif|580px|left|thumb|'''Figure 4''': Sensitivity analysis of rates in log scale when input is 2 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:r20.gif|580px|left|thumb|'''Figure 5''': Sensitivity analysis of rates in log scale when input is 20 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:rates.png|150px|middle|thumb|'''Figure 6''': Labels for rates]]<br />
<br />
[[File:Table of rate sensitivity.png|280px|left|thumb|'''Table 3''': Sensitivity ranking of sensitive rates.]]<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
=== Sensitivity of initial concentrations ===<br />
<br />
By varying the input from 0.002 to 20 micromolar and the magnitude of perturbation from 20% to 300%, time-dependant sensitivities of initial concentrations are plotted in Figure 7, 8, and 9. Four of initial concentrations have very high sensitivities on output, while some of them can be even ignored because of super low sensitivities. Table 4 lists the sensitivity ranking in decrement order.<br />
<br />
[[File:i02.gif|580px|left|thumb|'''Figure 7''': Sensitivity analysis of initial concentrations in log scale when input is 0.002 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:i2.gif|580px|left|thumb|'''Figure 8''': Sensitivity analysis of initial concentrations in log scale when input is 2 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:i20.gif|580px|left|thumb|'''Figure 9''': Sensitivity analysis of initial concentrations in log scale when input is 20 micromolar.(Magnitude of perturbation varies from 20%, 50%, 80%, 100% to 300%)]]<br />
<br />
[[File:Table of initial concentration sensitivity.png|480px|left|thumb|'''Table 4''': Sensitivity ranking of initial concentrations.(red indicates the most sensitive ones, green the less sensitive, and the black ones are not so important)]]<br />
<br />
[[File:ic.png|100px|middle|thumb|'''Figure 10''': Labels for initial concentrations]]<br />
<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== Conclusion ==<br />
<br />
sensitivity rankings of rates and initial concentrations are obtained and listed in Table 3 and Table 4 respectively.<br />
<br />
<br />
*Matlab script for Sensitivity Analysis can be found [https://static.igem.org/mediawiki/igem.org/1/1c/Snifferomyces.txt'''here''']. <br />
</div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= References =<br />
<h6><br />
1. COPASI Documentation, Version 4.6 (Build 32) <br><br />
2. R. R. Vallabhajosyula, V. Chickarmane, and H. M. Sauro. Conservation analysis of large biochemical networks. Bioinformatics. 22(3). 346 - 353. 2006 <br><br />
3. Adriana Supady, Theoretical and computational analysis of negative feedback mechanisms and the dose-response alignment in the pheromone signalling pathway of the yeast Saccharomyces cerevisiae. Berlin, in September 2009.<br />
</h6><br />
</div><br />
<br />
<html><img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690"><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/Modeling/SingleCellModelTeam:TU-Delft/Modeling/SingleCellModel2012-10-27T01:37:06Z<p>Eftychia: Undo revision 294821 by Eftychia (talk)</p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSSLaksh}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Single Cell Model</title></head><br />
<body> <br />
<div style="height:70px; width:100%;"></div><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"></img><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<br />
<center><br />
<img src="https://static.igem.org/mediawiki/igem.org/d/d6/Singlecellpathwaymodel_header.jpg" align="middle" width="60%"><br />
</center><br />
<br />
</body></html><br />
<div id="contentbox" style="text-align:justify;"><br />
__NOEDITSECTION__<br />
The single-cell pathway model of our system is composed of 4 modules, which are responsible for routing the signal from the receptor to the GFP sythesis. The modules modelled in the model are,<br />
*Receptor activation module : This module acts as the sensor, it models the ligand and the receptor which detects the presence of ligand.<br />
*G-Protein cycle : It channels the sensed information from the sensor to the MAP kinase cascade.<br />
*MAP kinase cascade : The MAP kinase cascade is responsible for the activation of ''Ste12'' which acts as the transcription factor for the ''FUS1'' gene which is responsible for the production of the green fluoroscent protein.<br />
*Gene Expression module : Which on the detection of the ligand produces the green fluroscent protein, which is the output of our system.<br />
<br />
The single cell pathway model helped us understand in detail if and how our synthetic circuit works, and also helped us understand how the input concentration was related to the concentration of the input substance. Using the model we were able to predict the time taken for the expression of the green fluoroscent protein and how the concentration of GFP varies with different input concentration.<br />
<br />
The mathematical models were developed on a scheme favoring the temporal order of processes, based on the current understanding of the pheromone signalling pathway from [[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]][[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]][[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]] and also on the feedback received from the experimentalists on the expected behaviour of the pathway.<br />
<br />
In the models developed certain assumptions were made due to the lack of data available on the new modified pathway and also due to the time constraints of iGEM which limits the range of experiments that can be carried out. The assumptions made are listed below.<br />
<br />
* The rate constants and initial concentrations obtained from the literature are assumed to be the same for the new modified pathway.<br />
* The behaviour of the Ligand is assumed to be similar to the behaviour of the alpha pheromone.<br />
* The receptor is assumed to behave similar to the alpha-pheromone receptor.<br />
<br />
= Initial Models =<br />
<br />
Two intial models were studied from the literature to get an initial idea of the behaviour of the pathway. The description, analysis and the key conclusions from these studies are presented below<br />
<br />
== Model of the G - Protein cycle ==<br />
<br />
The G - protein cycle is one of the key modules of the of the pathway as it is reponsible for the production of free G-beta-gamma dimer which is crucial for the activation of the MAP kinase cascade.<br />
[[File:ReactionDiagramYiEtal.gif|250px|left|thumb|'''Figure 1''': Reaction diagram of heterotrimeric G protein cycle [[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]].]]To this end we studied the model of the G-protein cycle by Yi.et.al[[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]].The rates and the reactions used in the model can be found [http://biomodels.caltech.edu:8080/models-caltech/publ/BIOMD0000000072/BIOMD0000000072.pdf '''here'''].<br />
<br />
<br />
The model was used to analyze two key effects <br />
<br />
* The effect of varying the ligand concentration on the concentration of the free G-beta-gamma dimer.<br />
* The effect of varying the receptor concentration on the concentration of the free G-beta-gamma dimer.<br />
<br />
The results are presented below<br />
<br />
[[File:LigandEffect1.png|565px|left|thumb|'''Figure 2''': Effect of varying the ligand concentration on the Free G-beta-gamma concentration.]]<br />
<br />
[[File:ReceptorConcentrationEffect.png|800px|left|thumb|'''Figure 3''': Effect of varying the Receptor concentration on the Free G-beta-gamma concentration.]]<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
=== conclusions ===<br />
<br />
The following conclusions can be drawn from the analysis<br />
* The increase in the Ligand concentration also leads to an increase in the Free-G-beta gamma concentration, but after it crosses a threshold(2microMolar) the output saturates which is crucial as it gives a range of inputs that needs to be used in the experiments conducted.<br />
* The increase in the receptor concentration leads to an increase in the Free-G-beta gamma concentration.We are not concerned with the actual concentrations in this case as controlling the exact concentration of the receptor would have been difficult in the time scale of an iGEM project. The data suggested the use of a strong promoter which would produce high quantities of receptor.<br />
<br />
=== limitations ===<br />
The model well represents the characteristic of the G-Protein cycle but does suffers from two crucial limitations<br />
<br />
* It does not capture the dynamics of the MAP Kinase cascade.<br />
* It did not contain the gene expression module which is the output of our system.<br />
<br />
These limitations motivated us to explore other models.<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== Model of the Yeast Pheromone Response ==<br />
<br />
[[File:YeastPheromonePathwayKofahlKlipp.png|200px|right|thumb|'''Figure 5''': Yeast Pheromone Pathway [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]].]]<br />
<br />
The second model we studied was the model of the yeast pheromone response by Kofahl and Klipp [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]]. This model was more detailed and captured well the dynamics of the MAP kinase cascade which the model by Yi.et al failed to do[[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]]. The activated ''Ste12'' concentration was crucial as it acts as the transcription factor for the synthesis of GFP. So we analyzed two different scenarios concerning this,<br />
<br />
* The effect of different Ligand concentration on the concentration of the active ''Ste12''.<br />
* The experimentalists suggested the knockout of ''Far1'' gene to prevent cell cycle arrest, the effects of this were also tested using this model by analyzing the variation of the active Ste12 concentration with and without the knockout.<br />
<br />
The rates and reactions used in the model can be found [http://www.ebi.ac.uk/biomodels/models-main/publ/BIOMD0000000032/BIOMD0000000032.pdf '''here''']. <br />
<br />
[[File:LigandConcentrationEffectSte12a.png|800px|left|thumb|'''Figure 6''': Effect of varying the ligand concentration on the active Ste12 concentration.]]<br />
<br />
[[File:KnockoutEffectSte12a.png|800px|left|thumb|'''Figure 7''': Effect of the Far1 gene knockout on the concentration of the active Ste12.]]<br />
<br />
</div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
=== conclusion ===<br />
The following conclusions can be drawn from the plots<br />
* The increase in Ligand concentration also leads to an increase in active ''Ste12'' concentration, but saturates for concentrations greater than 2 microMolar, this effect was also observed in the saturation of the G-beta-gamma concentration in the analysis of the first model, which further validates the choice of the input range selected in our experiments.<br />
* The linear increase in the active Ste12 concentration along with increase in the ligand meant that as we increased the ligand concentration more GFP would be produced. These observations were crucial in terms of the device that we plan to implement for TB detection.<br />
* The second most crucial observation was that the ''Far1'' gene if knocked out would not affect the concentration of the active ''Ste12''.<br />
<br />
These results helped determine the range of inputs that needed to be applied in the experiments and also helped conclude that the proposed knockout of the ''Far1'' gene would not impact the ''GFP'' synthesis.<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== limitations of the initial models ==<br />
Though the initial models were useful in providing a good understanding of the pathway and the various effects associated with it, their further use for our project suffered from the following limitations<br />
<br />
*The model of the G-protein cycle lacked the description of MAP kinase cascade and the gene expression module.<br />
<br />
*The model of the yeast pheromone response on the other hand had a detailed description of the pathway but had two drawbacks, it did not incorporate the gene expression module and more importantly was too complex in terms of the number of parameters that were present in the model (36 Specied, 47 rate constants)<br />
<br />
*Fitting the limited data available from the experiments to the highly complex pathway model in [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]] we felt would not be feasible.<br />
<br />
<br />
These limitations motivated us to build a reduced order model of the pathway along with incorporating the gene expression module.<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= Reduced Model of the Snifformyces (Modified Yeast) Pathway =<br />
<br />
To overcome the limitations suggested in the previous section, we constructed [[File:ModifiedYeastPathway.png|200px|right|thumb|'''Figure 8''': Schematic of the modified yeast pheromone pathway]] a new reduced order model of the pathway which had 18 species and 21 rate constant, which when compared to the 37 species and 47 rate constants of the model in [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]] was a significant reduction.<br />
<br />
To construct the model a mechanistic approach was taken. Combining the knowledge from [[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]] and [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]] and also using [[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]] and [[Team:TU-Delft/Modeling/SingleCellModel#Ref4|[4]]], we constructed the new model shown in the schematic.<br />
<br />
The key features of the model are as follows,<br />
<br />
* The Receptor activation & the G - Protein cycle was retained from [[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]]. The ligand and the receptor degradation were neglected owing to the observation that, the receptors were placed under a constitutive promoter and ligand would not be digested by yeast.<br />
<br />
* The simplified MAP kinase cascade was adopted from [[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]]. The MAPK pathway consists of a complex C to which the free G-beta-gamma dimer binds resulting in the activation of Fus3. The simplified structure captures the dynamics of the activated Fus3 in an efficient manner as can be seen in [[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]]. This simplification helped a great deal in eliminating the components of the pathway which were not crucial to our experiments. Since the only key components that were under our control were the ligand concentration, the promoter of the receptor and the Fus1-GFP promoter, we decided to retain the G-protein cycle in it's entirety and reduce the MAP kinase pathways to simple two stage reaction.<br />
<br />
* The activation of Ste12 was adopted from [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]].<br />
<br />
* For the gene expression module, a reaction based model was used which was based on [[Team:TU-Delft/Modeling/SingleCellModel#Ref4|[4]]]. In this model, the mRNA synthesis is proportional to the concentration of activated Ste12 and the protein synthesis is proportional to the mRNA concentration. The protein synthesis is represented in two stages, the synthesis of nascent GFP which is proportional to the mRNA concentration and the synthesis of mature GFP which is proportional to the concentration of nascent GFP. The mRNA and mature GFP degradations are considered proportional to their concentrations.<br />
<br />
For the initial analysis, the rates of this model until Fus3 activation were obtained from [[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]] in which the model was fit to the data from [[Team:TU-Delft/Modeling/SingleCellModel#Ref5|[5]]]. The Ste12 activation and deactivation rates were taken from [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]]. The rates for the gene expression module were obtained from [[Team:TU-Delft/Modeling/SingleCellModel#Ref4|[4]]]. The initial model was first interpreted using deterministic semantics. The rates for which can be found [https://static.igem.org/mediawiki/2012/0/05/ReducedModelDetails.pdf '''here''']. Before the model could be used for prediction purposes, the parameters of the model needed to be fit to parameters from our experiments for which the analysis of the system parameters was crucial. The results for this analysis are available [https://2012.igem.org/Team:TU-Delft/Analysis '''here''']. <br />
<br />
<br />
</div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= Parameter Estimation =<br />
<br />
Parameter estimation was done as we needed parameters which were obtained from the data generated in our lab. Using the results from the sensitivity analysis, parameter estimation was performed to find the parameters of the model in order to fit the simulated data curves to the experimental data[Fus1-Pr-EGFP WT] in which the wild type cells were stimulated with 2microMolar concentration of alpha-pheromone. The data fitting was done by using the nonlinear regression function ''nlinfit'' in the Matlab statistical toolbox [[Team:TU-Delft/Modeling/SingleCellModel#Ref6|[6]]].<br />
[[File:ParamEstimationModifiedYeastPathwayModel2.png|570px|left|thumb|'''Figure 9''': Results of the Parameter Estimation; Data values are scaled to the peak signal measured during the stimulation with only pheromone]] <br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
=== conclusion ===<br />
<br />
The curve fitting provided a fairly faithful fit to the experimental data. The new rates can be found [https://static.igem.org/mediawiki/2012/0/05/ReducedModelDetails.pdf '''here''']. The model was then used for making predictions about the pathway.<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= Model Predictions =<br />
<br />
The model with the new estimated parameters was used to make predictions on the behaviour of the pathway for different concentrations of the Ligand that were to be used in the experiment. The model was simulated using the ode15s variable order solver from Matlab. The results of these simulations are in Figure 10.<br />
<br />
[[File:PathwayRespYeastPathwayModel1.png|500px|center|thumb|'''Figure 10''': The response of the pathway to different input concentrations]]<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
=== Results ===<br />
The following observations can be made from the plot about the behaviour of the pathway<br />
* '''The GFP concentration increases with the increasing Ligand concentration but saturates for inputs greater than 2microMolar. This is a key observation since these results were also observed in the initial two models and was also verified experimentally in our project.'''<br />
* '''Initial traces of GFP can be noticed around 20 minutes after stimulation of the pathway.'''<br />
* '''The GFP concentration is at it's maximum at about 2 and a half hours.'''<br />
* '''The last two results were also validated experimentally the results of which can be found in the wetlab page.'''<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= MATLAB Codes =<br />
=== Initial Models ===<br />
[[File:TUD-Download.png|50px|link=File:Initial_Model.zip|left]]<br />
<br clear="all" /><br />
=== Single-Cell Pathway Model ===<br />
[[File:TUD-Download.png|50px|link=File:Single-cell Pathway_Model.m|left]]<br />
<br clear="all" /><br />
=== Parameter Estimation ===<br />
[[File:TUD-Download.png|50px|link=File:Parameter_Estimation.zip|left]]<br />
<br clear="all" /><br />
<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= References = <br />
<br />
{|style="margin: 1em auto 1em auto;" class="wikitable sortable" width="90%"<br />
!style="white-space: nowrap; width: 1px;"|<br />
!class="unsortable"|Source<br />
|-<br />
|style="text-align: center"|<span id="Ref1">[1]</span><br />
|[http://www.pnas.org/content/100/19/10764.full.pdf Tau-Mu Yi, Hiroaki Kitano, and Melvin I. Simon,<br> '''A quantitative characterization of the yeast heterotrimeric G protein cycle''', <br>PNAS September 16, 2003 vol. 100 no. 19]<br />
|-<br />
|style="text-align: center"|<span id="Ref2">[2]</span><br />
|[http://onlinelibrary.wiley.com/doi/10.1002/yea.1122/pdf Kofahl B, Klipp E, <br>'''Modelling the dynamics of the yeast pheromone pathway''', <br>Yeast 2004; 21: 831–850]<br />
|-<br />
|style="text-align: center"|<span id="Ref3">[3]</span><br />
|[http://www2.hu-berlin.de/biologie/theorybp/docs/bsc_supady.pdf Adriana Supady, <br>'''Theoretical and computational analysis of negative feedback mechanisms and the dose-response alignment in the pheromone signalling pathway of the yeast Saccharomyces cerevisiae''']<br />
|-<br />
|style="text-align: center"|<span id="Ref4">[4]</span><br />
|[http://www.nature.com/nature/journal/v456/n7223/full/nature07513.html Richard C. Yu1, C. Gustavo Pesce1, Alejandro Colman-Lerner1,Larry Lok1, David Pincus1, Eduard Serra1, Mark Holl, Kirsten Benjamin1, Andrew Gordon1, & Roger Brent1 <br>'''Negative feedback that improves information transmission in yeast signalling''', <br>Nature 456, 755-761 (11 December 2008)]<br />
|-<br />
|style="text-align: center"|<span id="Ref5">[5]</span><br />
|[http://www2.hu-berlin.de/biologie/theorybp/docs/msc_supady.pdf Adriana Supady <br>'''Mathematical modeling of synthetic logic gates in ''S.cerevisiae''''']<br />
|-<br />
|style="text-align: center"|<span id="Ref6">[6]</span><br />
|[http://www.mathworks.nl/help/stats/nlinfit.html <br> '''Matlab nlinfit (Nonlinear Regression)''']<br />
|}<br />
<br />
<br />
</div><br />
<br />
<html><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690"></img><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/> <br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/Modeling/SingleCellModelTeam:TU-Delft/Modeling/SingleCellModel2012-10-27T01:36:44Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSSLaksh}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Single Cell Model</title></head><br />
<body> <br />
<div style="height:70px; width:100%;"></div><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"></img><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/d/d6/Singlecellpathwaymodel_header.jpg" align="middle" width="100%"><br />
<br />
<br />
</body></html><br />
<div id="contentbox" style="text-align:justify;"><br />
__NOEDITSECTION__<br />
The single-cell pathway model of our system is composed of 4 modules, which are responsible for routing the signal from the receptor to the GFP sythesis. The modules modelled in the model are,<br />
*Receptor activation module : This module acts as the sensor, it models the ligand and the receptor which detects the presence of ligand.<br />
*G-Protein cycle : It channels the sensed information from the sensor to the MAP kinase cascade.<br />
*MAP kinase cascade : The MAP kinase cascade is responsible for the activation of ''Ste12'' which acts as the transcription factor for the ''FUS1'' gene which is responsible for the production of the green fluoroscent protein.<br />
*Gene Expression module : Which on the detection of the ligand produces the green fluroscent protein, which is the output of our system.<br />
<br />
The single cell pathway model helped us understand in detail if and how our synthetic circuit works, and also helped us understand how the input concentration was related to the concentration of the input substance. Using the model we were able to predict the time taken for the expression of the green fluoroscent protein and how the concentration of GFP varies with different input concentration.<br />
<br />
The mathematical models were developed on a scheme favoring the temporal order of processes, based on the current understanding of the pheromone signalling pathway from [[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]][[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]][[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]] and also on the feedback received from the experimentalists on the expected behaviour of the pathway.<br />
<br />
In the models developed certain assumptions were made due to the lack of data available on the new modified pathway and also due to the time constraints of iGEM which limits the range of experiments that can be carried out. The assumptions made are listed below.<br />
<br />
* The rate constants and initial concentrations obtained from the literature are assumed to be the same for the new modified pathway.<br />
* The behaviour of the Ligand is assumed to be similar to the behaviour of the alpha pheromone.<br />
* The receptor is assumed to behave similar to the alpha-pheromone receptor.<br />
<br />
= Initial Models =<br />
<br />
Two intial models were studied from the literature to get an initial idea of the behaviour of the pathway. The description, analysis and the key conclusions from these studies are presented below<br />
<br />
== Model of the G - Protein cycle ==<br />
<br />
The G - protein cycle is one of the key modules of the of the pathway as it is reponsible for the production of free G-beta-gamma dimer which is crucial for the activation of the MAP kinase cascade.<br />
[[File:ReactionDiagramYiEtal.gif|250px|left|thumb|'''Figure 1''': Reaction diagram of heterotrimeric G protein cycle [[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]].]]To this end we studied the model of the G-protein cycle by Yi.et.al[[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]].The rates and the reactions used in the model can be found [http://biomodels.caltech.edu:8080/models-caltech/publ/BIOMD0000000072/BIOMD0000000072.pdf '''here'''].<br />
<br />
<br />
The model was used to analyze two key effects <br />
<br />
* The effect of varying the ligand concentration on the concentration of the free G-beta-gamma dimer.<br />
* The effect of varying the receptor concentration on the concentration of the free G-beta-gamma dimer.<br />
<br />
The results are presented below<br />
<br />
[[File:LigandEffect1.png|565px|left|thumb|'''Figure 2''': Effect of varying the ligand concentration on the Free G-beta-gamma concentration.]]<br />
<br />
[[File:ReceptorConcentrationEffect.png|800px|left|thumb|'''Figure 3''': Effect of varying the Receptor concentration on the Free G-beta-gamma concentration.]]<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
=== conclusions ===<br />
<br />
The following conclusions can be drawn from the analysis<br />
* The increase in the Ligand concentration also leads to an increase in the Free-G-beta gamma concentration, but after it crosses a threshold(2microMolar) the output saturates which is crucial as it gives a range of inputs that needs to be used in the experiments conducted.<br />
* The increase in the receptor concentration leads to an increase in the Free-G-beta gamma concentration.We are not concerned with the actual concentrations in this case as controlling the exact concentration of the receptor would have been difficult in the time scale of an iGEM project. The data suggested the use of a strong promoter which would produce high quantities of receptor.<br />
<br />
=== limitations ===<br />
The model well represents the characteristic of the G-Protein cycle but does suffers from two crucial limitations<br />
<br />
* It does not capture the dynamics of the MAP Kinase cascade.<br />
* It did not contain the gene expression module which is the output of our system.<br />
<br />
These limitations motivated us to explore other models.<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== Model of the Yeast Pheromone Response ==<br />
<br />
[[File:YeastPheromonePathwayKofahlKlipp.png|200px|right|thumb|'''Figure 5''': Yeast Pheromone Pathway [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]].]]<br />
<br />
The second model we studied was the model of the yeast pheromone response by Kofahl and Klipp [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]]. This model was more detailed and captured well the dynamics of the MAP kinase cascade which the model by Yi.et al failed to do[[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]]. The activated ''Ste12'' concentration was crucial as it acts as the transcription factor for the synthesis of GFP. So we analyzed two different scenarios concerning this,<br />
<br />
* The effect of different Ligand concentration on the concentration of the active ''Ste12''.<br />
* The experimentalists suggested the knockout of ''Far1'' gene to prevent cell cycle arrest, the effects of this were also tested using this model by analyzing the variation of the active Ste12 concentration with and without the knockout.<br />
<br />
The rates and reactions used in the model can be found [http://www.ebi.ac.uk/biomodels/models-main/publ/BIOMD0000000032/BIOMD0000000032.pdf '''here''']. <br />
<br />
[[File:LigandConcentrationEffectSte12a.png|800px|left|thumb|'''Figure 6''': Effect of varying the ligand concentration on the active Ste12 concentration.]]<br />
<br />
[[File:KnockoutEffectSte12a.png|800px|left|thumb|'''Figure 7''': Effect of the Far1 gene knockout on the concentration of the active Ste12.]]<br />
<br />
</div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
=== conclusion ===<br />
The following conclusions can be drawn from the plots<br />
* The increase in Ligand concentration also leads to an increase in active ''Ste12'' concentration, but saturates for concentrations greater than 2 microMolar, this effect was also observed in the saturation of the G-beta-gamma concentration in the analysis of the first model, which further validates the choice of the input range selected in our experiments.<br />
* The linear increase in the active Ste12 concentration along with increase in the ligand meant that as we increased the ligand concentration more GFP would be produced. These observations were crucial in terms of the device that we plan to implement for TB detection.<br />
* The second most crucial observation was that the ''Far1'' gene if knocked out would not affect the concentration of the active ''Ste12''.<br />
<br />
These results helped determine the range of inputs that needed to be applied in the experiments and also helped conclude that the proposed knockout of the ''Far1'' gene would not impact the ''GFP'' synthesis.<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
== limitations of the initial models ==<br />
Though the initial models were useful in providing a good understanding of the pathway and the various effects associated with it, their further use for our project suffered from the following limitations<br />
<br />
*The model of the G-protein cycle lacked the description of MAP kinase cascade and the gene expression module.<br />
<br />
*The model of the yeast pheromone response on the other hand had a detailed description of the pathway but had two drawbacks, it did not incorporate the gene expression module and more importantly was too complex in terms of the number of parameters that were present in the model (36 Specied, 47 rate constants)<br />
<br />
*Fitting the limited data available from the experiments to the highly complex pathway model in [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]] we felt would not be feasible.<br />
<br />
<br />
These limitations motivated us to build a reduced order model of the pathway along with incorporating the gene expression module.<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= Reduced Model of the Snifformyces (Modified Yeast) Pathway =<br />
<br />
To overcome the limitations suggested in the previous section, we constructed [[File:ModifiedYeastPathway.png|200px|right|thumb|'''Figure 8''': Schematic of the modified yeast pheromone pathway]] a new reduced order model of the pathway which had 18 species and 21 rate constant, which when compared to the 37 species and 47 rate constants of the model in [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]] was a significant reduction.<br />
<br />
To construct the model a mechanistic approach was taken. Combining the knowledge from [[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]] and [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]] and also using [[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]] and [[Team:TU-Delft/Modeling/SingleCellModel#Ref4|[4]]], we constructed the new model shown in the schematic.<br />
<br />
The key features of the model are as follows,<br />
<br />
* The Receptor activation & the G - Protein cycle was retained from [[Team:TU-Delft/Modeling/SingleCellModel#Ref1|[1]]]. The ligand and the receptor degradation were neglected owing to the observation that, the receptors were placed under a constitutive promoter and ligand would not be digested by yeast.<br />
<br />
* The simplified MAP kinase cascade was adopted from [[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]]. The MAPK pathway consists of a complex C to which the free G-beta-gamma dimer binds resulting in the activation of Fus3. The simplified structure captures the dynamics of the activated Fus3 in an efficient manner as can be seen in [[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]]. This simplification helped a great deal in eliminating the components of the pathway which were not crucial to our experiments. Since the only key components that were under our control were the ligand concentration, the promoter of the receptor and the Fus1-GFP promoter, we decided to retain the G-protein cycle in it's entirety and reduce the MAP kinase pathways to simple two stage reaction.<br />
<br />
* The activation of Ste12 was adopted from [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]].<br />
<br />
* For the gene expression module, a reaction based model was used which was based on [[Team:TU-Delft/Modeling/SingleCellModel#Ref4|[4]]]. In this model, the mRNA synthesis is proportional to the concentration of activated Ste12 and the protein synthesis is proportional to the mRNA concentration. The protein synthesis is represented in two stages, the synthesis of nascent GFP which is proportional to the mRNA concentration and the synthesis of mature GFP which is proportional to the concentration of nascent GFP. The mRNA and mature GFP degradations are considered proportional to their concentrations.<br />
<br />
For the initial analysis, the rates of this model until Fus3 activation were obtained from [[Team:TU-Delft/Modeling/SingleCellModel#Ref3|[3]]] in which the model was fit to the data from [[Team:TU-Delft/Modeling/SingleCellModel#Ref5|[5]]]. The Ste12 activation and deactivation rates were taken from [[Team:TU-Delft/Modeling/SingleCellModel#Ref2|[2]]]. The rates for the gene expression module were obtained from [[Team:TU-Delft/Modeling/SingleCellModel#Ref4|[4]]]. The initial model was first interpreted using deterministic semantics. The rates for which can be found [https://static.igem.org/mediawiki/2012/0/05/ReducedModelDetails.pdf '''here''']. Before the model could be used for prediction purposes, the parameters of the model needed to be fit to parameters from our experiments for which the analysis of the system parameters was crucial. The results for this analysis are available [https://2012.igem.org/Team:TU-Delft/Analysis '''here''']. <br />
<br />
<br />
</div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= Parameter Estimation =<br />
<br />
Parameter estimation was done as we needed parameters which were obtained from the data generated in our lab. Using the results from the sensitivity analysis, parameter estimation was performed to find the parameters of the model in order to fit the simulated data curves to the experimental data[Fus1-Pr-EGFP WT] in which the wild type cells were stimulated with 2microMolar concentration of alpha-pheromone. The data fitting was done by using the nonlinear regression function ''nlinfit'' in the Matlab statistical toolbox [[Team:TU-Delft/Modeling/SingleCellModel#Ref6|[6]]].<br />
[[File:ParamEstimationModifiedYeastPathwayModel2.png|570px|left|thumb|'''Figure 9''': Results of the Parameter Estimation; Data values are scaled to the peak signal measured during the stimulation with only pheromone]] <br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
=== conclusion ===<br />
<br />
The curve fitting provided a fairly faithful fit to the experimental data. The new rates can be found [https://static.igem.org/mediawiki/2012/0/05/ReducedModelDetails.pdf '''here''']. The model was then used for making predictions about the pathway.<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= Model Predictions =<br />
<br />
The model with the new estimated parameters was used to make predictions on the behaviour of the pathway for different concentrations of the Ligand that were to be used in the experiment. The model was simulated using the ode15s variable order solver from Matlab. The results of these simulations are in Figure 10.<br />
<br />
[[File:PathwayRespYeastPathwayModel1.png|500px|center|thumb|'''Figure 10''': The response of the pathway to different input concentrations]]<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
=== Results ===<br />
The following observations can be made from the plot about the behaviour of the pathway<br />
* '''The GFP concentration increases with the increasing Ligand concentration but saturates for inputs greater than 2microMolar. This is a key observation since these results were also observed in the initial two models and was also verified experimentally in our project.'''<br />
* '''Initial traces of GFP can be noticed around 20 minutes after stimulation of the pathway.'''<br />
* '''The GFP concentration is at it's maximum at about 2 and a half hours.'''<br />
* '''The last two results were also validated experimentally the results of which can be found in the wetlab page.'''<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= MATLAB Codes =<br />
=== Initial Models ===<br />
[[File:TUD-Download.png|50px|link=File:Initial_Model.zip|left]]<br />
<br clear="all" /><br />
=== Single-Cell Pathway Model ===<br />
[[File:TUD-Download.png|50px|link=File:Single-cell Pathway_Model.m|left]]<br />
<br clear="all" /><br />
=== Parameter Estimation ===<br />
[[File:TUD-Download.png|50px|link=File:Parameter_Estimation.zip|left]]<br />
<br clear="all" /><br />
<br />
<br />
</div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
= References = <br />
<br />
{|style="margin: 1em auto 1em auto;" class="wikitable sortable" width="90%"<br />
!style="white-space: nowrap; width: 1px;"|<br />
!class="unsortable"|Source<br />
|-<br />
|style="text-align: center"|<span id="Ref1">[1]</span><br />
|[http://www.pnas.org/content/100/19/10764.full.pdf Tau-Mu Yi, Hiroaki Kitano, and Melvin I. Simon,<br> '''A quantitative characterization of the yeast heterotrimeric G protein cycle''', <br>PNAS September 16, 2003 vol. 100 no. 19]<br />
|-<br />
|style="text-align: center"|<span id="Ref2">[2]</span><br />
|[http://onlinelibrary.wiley.com/doi/10.1002/yea.1122/pdf Kofahl B, Klipp E, <br>'''Modelling the dynamics of the yeast pheromone pathway''', <br>Yeast 2004; 21: 831–850]<br />
|-<br />
|style="text-align: center"|<span id="Ref3">[3]</span><br />
|[http://www2.hu-berlin.de/biologie/theorybp/docs/bsc_supady.pdf Adriana Supady, <br>'''Theoretical and computational analysis of negative feedback mechanisms and the dose-response alignment in the pheromone signalling pathway of the yeast Saccharomyces cerevisiae''']<br />
|-<br />
|style="text-align: center"|<span id="Ref4">[4]</span><br />
|[http://www.nature.com/nature/journal/v456/n7223/full/nature07513.html Richard C. Yu1, C. Gustavo Pesce1, Alejandro Colman-Lerner1,Larry Lok1, David Pincus1, Eduard Serra1, Mark Holl, Kirsten Benjamin1, Andrew Gordon1, & Roger Brent1 <br>'''Negative feedback that improves information transmission in yeast signalling''', <br>Nature 456, 755-761 (11 December 2008)]<br />
|-<br />
|style="text-align: center"|<span id="Ref5">[5]</span><br />
|[http://www2.hu-berlin.de/biologie/theorybp/docs/msc_supady.pdf Adriana Supady <br>'''Mathematical modeling of synthetic logic gates in ''S.cerevisiae''''']<br />
|-<br />
|style="text-align: center"|<span id="Ref6">[6]</span><br />
|[http://www.mathworks.nl/help/stats/nlinfit.html <br> '''Matlab nlinfit (Nonlinear Regression)''']<br />
|}<br />
<br />
<br />
</div><br />
<br />
<html><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690"></img><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/> <br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/ModelingTeam:TU-Delft/Modeling2012-10-27T01:34:21Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSSLaksh}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Human Outreach</title></head><br />
<body> <br />
<div style="height:50px; width:105%;"></div><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"></img><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/d/d6/Modelingnieuw.jpg" align="middle" width="100%"><br />
</div><br />
</body></html><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
__TOC__<br />
__NOEDITSECTION__<br />
<br />
= Overview =<br />
<br />
We decided to use the modeling expertise of the team members to achieve three key objectives for our project.<br />
<br />
* Develop scientific understanding of the yeast pheromone response pathway.<br />
* Test the effects of the changes to the system.<br />
* Aid decision making in the laboratory.<br />
<br />
To achieve the stated objectives, we adopted a hierarchical modeling approach, in which we constructed heterogeneous models spanning<br />
<br />
* population dynamics (diffusion model).<br />
* extra-cellular interactions (structural model).<br />
* intra-cellular dynamics (pathway model). <br />
<br />
== Connected Multi-level Models ==<br />
[[File:Scheme of Multi-layer models.JPEG|580px|right|thumb|'''Figure 1''': Scheme of Multi-level models.]]<br />
<br />
These three models interact with each other to represent the mechanism of our project in different perspectives. At the system level, '''diffusion model''' sheds light on the behaviour of the proposed device the Snifferometer, incorporating the observations obtained from the single cell pathway model. At a lower level, the '''pathway model''' is built to functionally simulate the intra-cellular biochemical reactions in the signalling pathway. Parameters in pathway were fitted to the experimental data so as to provide a good estimate of the concentration of the Green Fluoroscent Protein. At a still lower level, the '''structural model''' was designed to understand the ligand docking at the molecular level. It indicates how well the ligand-receptor interaction is due to hydrogen bonds, which gives an insight into the receptor activation rate in the pathway model. Further research on the ligand-receptor model may provide more knowledge about ligand affinity and G-protein release. <br />
<br />
Based on these models, a practical device, Snifferometer is designed to achieve the purpose of odor detection. The model of this device is developed to give an idea of the application of our project.<br />
<br />
The models that were built spanned a broad spectrum of '''techniques: PDE, MD (Molecular Dynamics), SDE and ODE, as well as alignment techniques''', with '''diverse tools''' being employed for the application of these techniques: '''COMSOL, YASARA, MATLAB, COPASI, BLAST, ClustalO, Ensembl, PSIPRED.'''<br />
<br />
== Research Cycle ==<br />
This research cycle is introduced in our project as an interactive boundary between the wetlab and the "dry" modeling to gain a hierarchical in-depth understanding of our biological system. [1]<br />
<br />
[[File:Model-Experiment Cycle.png|350px|right|thumb|'''Figure 2''': Model-Experiment Cycle.]]<br />
<br />
''Four basic phases'' are sequenced to close the cycle, as shows in Figure 2.<br />
<br />
'''First''', model hypotheses for the signal transduction and the ligand-binding structure are proposed based on the biological expertise, the literature surveys on the related databases. <br />
<br />
'''Second''', due to the inadequate descriptions of dynamics and lack of information, more analysis of the hypothesized models were done to investigate the properties of models such as the parameter sensitivities and the structural stability in pathway model. <br />
<br />
'''Third''', The experimental design was aided by the initial analysis of the models. A 2D spatio-temporal model of the proposed device was also implemented to aid the conceptualization of the Snifferometer.<br />
<br />
'''Finally''', the measured data from "wet" experiment, in turn, modified the final set of parameters to provide a more accurate description of the pathway.<br />
<br />
As a result of the research cycle, a model validated by data was obtained which was used to predict the outcomes of the experiments, using which different conditions could be simulated by "cheap" computations ''in silco'' instead of the time-consuming experiments.<br />
<br />
<br />
<br />
<div><br />
= Structural Model =<br />
<br />
In order to engineer a yeast strain that is able to detect a tuberculosis molecule (TB), its receptor should be designed [[File:Receptorcolor.png|150px|left|thumb|'''Figure 3''': Niacin receptor embedded in membrane.]]in such a way that the molecule can act as an agonist. By modeling the olfactory receptor ''in silico'' by means of Molecular Dynamics simulations (MD), its biophysical and biochemical properties are investigated at the molecular level. The aim is to get a clear understanding of how a ligand binds in the receptor and how to mutate the binding niche to let it bind to methyl nicotinate more specifically. A strong correlation between ''in vivo'' activity of the Homo Sapiens niacin receptor 1 and the simulated activity from the model resulted, enabling the prediction of ligand characteristics in the binding niche. <br />
</div><br />
<br />
<div><br />
<html><br />
<a href="https://2012.igem.org/Team:TU-Delft/Modeling/StructuralModeling" align="right">More Details&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2010/3/36/Right_arrow.png" width="60" height="60"></a><br />
</html><br />
</div><br />
<br />
<br />
<div><br />
= Pathway Model =<br />
<br />
The bio-chemical pathway model was developed based on a scheme favouring the temporal order of the processes, which involved the four fundamental modules,[[File:SniffSchematic.png|300px|right|thumb|'''Figure 4''': Schematic representation of the pathway model.]]<br />
<br />
* Receptor Activation<br />
* G - Protein Cycle<br />
* MAPK Cascade<br />
* Gene Expression<br />
<br />
Three different models were used for the analysis of different aspects of the pathway. The dynamics of the system in these models were described using a set of differential equations governing the concentration changes of individual components and of complexes over time.<br />
<br />
Sensitivity and stability analysis were permformed to determine the sensitivity coefficients which were used to study the parametric dependence of the biological models. The results from the sensitivity analysis were then used in the parameter estimation to fit the model to the data provided by the experimentalists.<br />
</div><br />
<br />
<div><br />
<html><br />
<a href="https://2012.igem.org/Team:TU-Delft/Modeling/SingleCellModel" align="right">More Details&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2010/3/36/Right_arrow.png" width="60" height="60"></a><br />
</html><br />
</div><br />
<br />
<div><br />
<br />
= Diffusion Model =<br />
[[File:convectionsniff.png|250px|left|thumb|'''Figure 5''': The convection based model of the Snifferometer]]<br />
One of the main objectives of the project was to synthesize a practical device for the detector This led to the design of a three layered device, The Snifferometer.<br />
<br />
As a first step towards achieving this goal, we built a temporal model of the system using PDE's which were simulated in matlab. A 2D reaction-diffusion system was then implemented in COMSOL multiphysics using the knowledge obtained from single cell pathway model, combining the behaviours of the which helped us get a better understanding of how such a device could be implemented and the response times involved in such a process.<br />
</div><br />
<br />
<div><br />
<html><br />
<a href="https://2012.igem.org/Team:TU-Delft/Modeling/Diffusion" align="right">More Details&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2010/3/36/Right_arrow.png" width="60" height="60"></a><br />
</html><br />
</div><br />
<br />
<div><br />
= Stochastic Model - Sensitivity & Specificity Analysis =<br />
[[File:IdealDevice1.png|250px|right|thumb|'''Figure 6''': The convection based model of the Snifferometer]]<br />
A false positive and false negative analysis is a crucial aspect of a binary classification test such as the snifferomenter, as it indicates the confidence level in the data that one should typically strive for. On account of the inherent stochasticity in biological functions, we built a stochastic model to analyze the Sensitivity and the Specificity of the Snifferometer.<br />
</div><br />
<br />
<div><br />
<html><br />
<a href="https://2012.igem.org/Team:TU-Delft/Modeling/StochasticSensitivitySpecificityAnalysis" align="right">More Details&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2010/3/36/Right_arrow.png" width="60" height="60"></a><br />
</html><br />
</div></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/Modeling/StructuralModelingTeam:TU-Delft/Modeling/StructuralModeling2012-10-27T01:33:12Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title></title><br />
<body> <br />
<div style="height:70px; width:100%;"></div><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/e/e2/Igemlogo.png" border="0" width="100" height="100"></a></div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/7/77/Structuralmodeling.jpg" align="middle" width="100%"><br />
<br />
<br />
<h2>Summary</h2><br />
<br/><br />
<br />
<p>In order to engineer a yeast strain that is able to detect a tuberculosis (TB) molecule like methyl nicotinate, its receptor should be designed in such a way that the molecule can act as an agonist. By modeling the olfactory receptor in silico, its biophysical and biochemical properties are investigated at the molecular level. The aim is to get a clear understanding of how a ligand binds in the receptor and how to mutate the binding niche to let it bind to methyl nicotinate more specifically.</p><br />
<br />
<p>A validated model of the human niacin receptor 1 was built and a prediction criteria was derived from experimental data of mutated variants of this receptor. Also, the human OR2AG1 receptor was successfully reproduced with its ligand docked inside. An additional hydrogen-bonding of two amino acids within the receptor was found to have an considerable influence on the conformational change properties.</p><br />
<br />
<p>It is expected that this prediction method could give more reliable models of odorant receptors and thus engineer many receptors for ligands like fruit odors, compounds exhaled by people with a disease, sense explosives and drugs.</p><br />
<br />
<br/><br />
<br/><br />
<h2>Introduction</h2><br />
<br/><br />
<br />
<p>Within the Snifferomyces project, the team of iGEM TU Delft 2012 aims to develop an olfactory device to sense volatile compounds. As an application, a few snifferomyces receptors were engineered in yeast to detect molecules in the breath of a tuberculosis (TB) patient (Figure 1a-d) and to detect banana smell. </p><br />
<br/><br />
<a href="https://static.igem.org/mediawiki/2012/d/df/All_compounds2.png" rel="lightbox" title="AllCompounds"><br />
<img src="https://static.igem.org/mediawiki/2012/d/df/All_compounds2.png" name="kugroup" width="570" border="0" id="kugroup" /></a><br />
<br/><br />
<h6><b>Figure 1.</b> Chemical compounds present in the breath of a TB-patient, represented both in 2D as in 3D.[1] Methyl nicotinate (a), methyl phenylacetate (b), methyl p-anisate (c) and o-phenylanisole (d)</h6><br />
<br/><br />
<br />
<p>These included the niacin receptor 1 of Rattus Norvegicus (a.k.a. rGPR109A) and the banana receptor of Mus Musculus (a.k.a. mOlfr154). By replacing the first alpha-helix, N- and C-terminals by the ones of the I7 receptor of Rattus Norvegicus, the receptor is known to be integrated in the cell membrane [3]. These two Snifferomyces receptors, niacin receptor (NR1) and banana receptor (BR4), together with their I7 flanks, were to be modeled in molecular dynamics software, named YASARA. This way, a prediction method of the receptor activity could be implemented for use on both these receptors. However, the NR1-receptor is not specifically evolved to detect one of the TB-molecules, methyl nicotinate (Figure 1a), but niacin. In theory, the BR4-receptor can be reengineered in such a way that it could let the second TB-molecule, methyl phenylacetate (Figure 1b) act as an agonist. </p><br />
<br />
<br />
<br/><br />
<br/><br />
<h3>Prediction method</h3><br />
<br/><br />
<br />
<br />
<br />
<p>The research group of Gerwert et al. [2] developed a method based on Molecular Dynamics (MD) simulations and experimental data, to predicted whether a molecule would act as an agonist for the hOR2AG1 receptor. Within their research, point-mutations were inserted in the gene of the hOR2AG1 receptor, in order to lower the activity hardly or dramatically. By incorporating these point-mutations in their model, they could predict whether such a mutation would indeed influence the activity of the receptor. They concluded that if a molecule would be hydrogen-bonded for >50% of 10 nanoseconds simulation time to amino acid Thr 279, and > 0% of the same time period to Ser 263 or Ser 264 in the binding niche, the receptor would be activated. This requirement was specifically targeted for molecules with an ester-configuration, just like amyl butyrate and isoamyl acetate are. </p><br />
<br />
<p>To examine whether a similar requirement could be acquired from the NR1-model, a similar analysis approach was developed by using the experimental data from the hGPR109A mutants [4]. The EC50 responses of these mutants were normalized to the response of the wildtype (WT) hOR2AG1 receptor. Some mutants were simulated together with niacin docked in their binding niche, by using Molecular Dynamics in YASARA. Instead of 10 ns simulation time, 1 ns was chosen as simulation time, mainly due to the fact that a simulation of 10 ns would take 7-8 days to complete. The results of these simulations are analyzed on hydrogen-bonding between amino acids and the ligand. That information was generated for all mutants and the WT, and thus compared to one another, to see whether there is a correlation in the hydrogen-bonded protein-ligand interaction. </p><br />
<br />
<p>In addition, all other internal hydrogen-bonds between the amino acids of the receptor were analyzed to examine whether a point-mutation has influence on these hydrogen-bonds as well, even if the point-mutation did not disrupt the binding niche directly. It was proposed that a disruption in the hydrogen-bonding between several amino acids might influence the conformational change of the receptor, thus may not activate the receptor and in turn not the G-alpha protein. Analyses of the MD results on the hGPR109A and hOR2AG1 should give an insight whether other hydrogen-bonds then the ones bound to the ligand influence the conformational change. </p><br />
<br />
<br />
<br/><br />
<br/><br />
<h3>Reengineering of binding niche</h3><br />
<br/><br />
<br />
<br />
<p>One of the main objectives the Snifferomyces project consisted of, was to engineer a receptor that has an affinity to methyl nicotinate. Because this compound and niacin are very close related, the choose to use this receptor as an template was obvious. In order to let this receptor sense methyl nicotinate with a high affinity, the binding-niche should be reprogrammed in order to let it bind. With the information on the internal hydrogen-bonding, several residues surrounding the ligand can be mutated without causing an disruption in the conformational change. </p><br />
<br />
<p>The same may hold for the BR4 receptor, which is a receptor to the ester amyl butyrate (apricot smell). The second TB-molecule, methyl phenylacetate, is also an ester. MD simulations and experimental data on the hOR2AG1 receptor [2] showed that the affinity on the ligand isoamylbenzoate (papaya smell) was increased after one point-mutation. MD simulations on the BR4-receptor with the second TB-molecule, methyl phenylacetate, should indicate whether a point-mutation for higher affinity should be necessary. </p><br />
<br />
<br/><br />
<br/><br />
<h2>Results</h2><br />
<br/><br />
<br />
<h3>BR4 Model</h3><br />
<br/><br />
<br />
<p>The BR4-model was based upon the human OR2AG1 (a.k.a. hOR2AG1) receptor, which has amyl butyrate [FIG] as an agonist. Previous research had modeled the hOR2AG1 receptor <i>in silico</i> and by using a homology modeling macro of YASARA, this model was reproduced conform the alignment done by Gerwert et.al.[2]</p><br />
<br />
<br/><br />
<a href="https://static.igem.org/mediawiki/2012/d/d4/AM.png" rel="lightbox" title="AM"><br />
<img src="https://static.igem.org/mediawiki/2012/d/d4/AM.png" name="kugroup" width="570" border="0" id="kugroup" /></a><br />
<br/><br />
<h6><b>Figure 2.</b> Reproduction of the hOR2AG1 binding-niche [2] by homology modeling.</h6><br />
<br/><br />
<br />
</p>After aligning the hOR2AG1 receptor with the BR4 receptor, and using the same swapping method as described for the NR1 model, the BR4-model was constructed. However, time did not permit us to execute simulations on the hOR2AG1 to test if the model would hold the same binding-niche characteristics. As soon as this model is conformed to the characteristics of the model from the paper, the BR4 sequence can be aligned with it to build the model.</p><br />
<br/><br />
<br/><br />
<br />
<h3>NR1 Model</h3><br />
<br/><br />
<br />
<p>The model of the NR1 receptor was based upon the predicted model of Zhang I-Tasser website [5]. In turn, this model of the human niacin receptor 1 (a.k.a. hGPR109A) was predicted by the Zhang research group. By aligning the construct of our NR1 amino acid sequence with hGPR109A (Figure 3), a homology model was built by swapping the different amino acids of hGPR109A by the ones of NR1. </p><br />
<br />
<br/><br />
<a href="https://static.igem.org/mediawiki/2012/8/8d/Alignment1.png" rel="lightbox" title="AM"><br />
<img src="https://static.igem.org/mediawiki/2012/8/8d/Alignment1.png" name="kugroup" width="570" border="0" id="kugroup" /></a><br />
<br/><br />
<h6><b>Figure 3.</b> Alignment of hGPR109A and Snifferomyces receptor NR1. </h6><br />
<br/><br />
<br />
<p>Several hGPR109A mutants from the data of Offermanns et al. [4] were chosen to be used in the MD simulations, which can be seen in table 1. </p><br />
<br />
<br/><br />
<h6><b>Table 1. </b><i>In silico</i> hydrogen-bond contacts of niacin with Homo sapiens GPR109A variants. The percentages represent frequency of hydrogen-bond contact occurrence.</h6><br />
<br/><br />
<a href="https://static.igem.org/mediawiki/2012/b/be/Table2_energy.png" rel="lightbox" title="Table 1"><br />
<img src="https://static.igem.org/mediawiki/2012/b/be/Table2_energy.png" name="kugroup" width="570" border="0" id="kugroup" /></a><br />
<br/><br />
<h6>[a] Calculated binding energy by YASARA. <br />
[b] Two criteria for receptor activation; temporary bonding to Ser 247 (> 25%) and fluctuating bonding to Arg 111 (<0%), and 1) Robust bonding to Ser 178 and Arg 251 (>50%) and 2) fluctuating and temporary bonding to Ser 178 (0-24%) and Arg 251 (25-49%) respectively with temporary bonding between Asn 45 and Ser 287. <br />
[c] <i>In vivo</i> activity qualified as EC50 response <20, otherwise inactive.<br />
[d] Mutated residue variant compared to its relevant residue. <br />
[e] NR1 receptor with ligand methyl nicotinate. </h6><br />
<br/><br />
<br />
<br />
<p>Table 1 shows the percentage of the total simulation time at which the amino acids are bound to the ligand. Each MD simulation was executed after an energy minimization and the specific point-mutation during a simulation time of 1 nanosecond. The active/inactive states are partly based on the classification of the responses of the hOR2AG1 mutants; every EC50 value of 20 or higher is classified as being inactive and having a low affinity. Every response below 20 is considered active.</p><br />
<br />
<p>In addition, in the paper hydrogen-bonds in time are also classified in groups; whenever there is a hydrogen-bond present for 1-24% of the simulation time, it is considered temporary bonds, fluctuating during 25-49% of the time, and robust bonds are considered when they are bound 50-100% of the simulation time. </p><br />
<br />
<p>Analyses of table 1 shows primarily that for a hGPR109A mutant to be active, at least the protein-ligand interaction for amino acid Ser 178 and Arg 251 have to be >50, together with Ser 247 and Arg 111 , which should have a value of >25 and >0, respectively. However, this is not the case for mutant L83V, which has a very low value for its hydrogen-bonding to Ser 178 and Arg 251. When checking for the internal hydrogen-bonds, one in particular stood in correlation with this mutant and the others. The hydrogen-bonding of Asn 45 to Ser 287 can be considered robust in comparison with the other active mutants, which are <50. </p><br />
<br />
<p>The inactive mutants all have a value of <50 for Arg 251 which classifies them as being inactive, except for N86Y and R111A. The latter mutant has no Arg 111 at all, and can be considered as being inactive by definition. The hydrogen-bonding of Arg 251 to the ligand is robust, however the protein-ligand interaction of Ser 178 very low. In comparison to the data of the mutant L83V, for the mutant N86Y to be inactive, the interaction between Ser 287 and Asn 45 should be <50, which is the case. </p><br />
<br/><br />
<a id="youtube"></a><br />
<br />
<iframe width="560" height="315" src="http://www.youtube.com/embed/CIZGJ4LEo_k?rel=0" frameborder="0" allowfullscreen></iframe><br />
<h6> Choose 720p HD for the best visualization. In case the place seems to be blank, zoom into the page by using Ctrl + Mouse-wheel and hit F5.</h6> <br />
<br/><br />
<br />
<p> Molecular Dynamics analyses of the NR1-receptor shows a result similar to mutant N86Y. However, in this case the Ser 187 - Asn 45 bonding (which is also present in the NR1 receptor) is active for 38% of the time. The boundary condition for this interaction to have influence on a weak protein-ligand bonding of Ser 178 or Arg 251, could be fixed at >25%. The interaction of methyl nicotinate to the NR1-receptor clearly shows no affinity at all, which can also be concluded from the dramatic drop in binding energy.</p><br />
<br/><br />
<br/><br />
<br />
<h3>Reengineering of the NR1 receptor</h3><br />
<br/><br />
<br />
<p>Furthermore, another interaction of Arg 251 with its neighboring amino acid, Glu 196, was investigated. This hydrogen-bond can be considered as being very robust, whereas the bonding is always 99% or higher, except of course for mutant R251A. It seems that this mutant may have a role to play in the conformational change of the receptor, but in the absence of the amino acid the receptor is still able to be activated, but many times less than the non-mutated wildtype receptor. From this can be suggested that Arg 251 indeed may be mutated in the reprogramming assay. </p><br />
<br/><br />
<br />
<br/><br />
<h2>Discussion</h2><br />
<br/><br />
<br />
<p>While the method of this research was mainly based upon the experimental and MD data from Gerwert et.al.[2], not all MD requirements as done by them were taken into account. The main differences were the use of MD simulation program (instead of GROMACS, YASARA was used) and the simulation time was a 10-fold lower. The higher the simulation time, the more the simulation time is similar to the real protein-ligand interaction time. </p><br />
<br />
<p>One should also take in account that the models of the hGPR109A and hOR2AG1 receptors are an approximation of reality. By doing point-mutations on these receptors, the models can be refined. For this research only a limited amount of hGPR109A mutants were available. For example, a point-mutation in Ser 247 would give more insight on the affinity of the binding niche. In addition, the NR1 and BR4 models are derivatives of the hGPR109A and hOR2AG1, respectively. The alignments included no gaps, which means that the swapping method could give a reliable representation of the Snifferomyces receptors. </p><br />
<br />
<p>To have a more accurate model of the NR1 and BR4 receptors, point-mutations on these receptors and measurement of the response to certain ligands should be implemented in further research. By running MD simulations, interesting amino acids can be selected for mutation to examine whether the expected response is generated by the receptor. </p><br />
<br />
<p>Point-mutations on possible important amino acids like Asn 45 and Ser 287 should give an understanding whether the interaction between these two residues really act as a “fail-safe” mechanism that could still activate the G-alpha protein. Further research could give more insight into other possible residues that could be responsible for such a mechanism.</p><br />
<br />
<p>The simulation times were a crucial part of the structural modeling in YASARA. YASARA has a friendly user's interface and has many integrated features. However, the MD simulations are optimized for use on a 8-core computer. This means that a simulation of 10 ns takes about 7-8 days to completely simulate on a 16-core computer, let alone an 8-core computer. Also, by taking in account the error probability for every simulation, this process exhausts a lot of time.</p><br />
<br />
<p>Thankfully, the <a href="https://www.sara.nl/">SARA institute</a> was willing to help us and assist us in setting up the environment to use their HPC Cloud Server remotely from our office at Delft University. This gave us the opportunity to execute our simulations on a configurable amount of cores. By testing what amount of cores was the fastest to use (but not necessarily the most efficient) short simulations on 4, 8, 12, 16, 18, 20 and 24 cores were performed. The outcome was in favor of the 16-core computer. This means that a simulation of 10 ns would take 7-8 days. In contrast, a simulation of 1 nanosecond took about 2-2.5 days.</p>. <br />
<br />
<br/><br />
<br/><br />
<h2>Follow-up</h2><br />
<br/><br />
<br />
<p>Some additional ideas on structural modeling had to be given a lower priority. An interesting approach would be to engineer an olfactory receptor for one of the other three chemical compounds (Figure 1b-d) which are found in the breath of a tuberculosis patient. In the same manner, the reprogramming of the binding niche could allow different derivatives of a certain compound (methyl isonicotinate instead of methyl nicotinate) allow to bind, of which a kind of universality could be investigated to predict a configuration of the binding niche to any ligand.</p><br />
<br />
<p>Another follow-up would be to investigate <i>in silico</i> how large the conformational change of the receptor is, and see how this correlates to the hydrogen bonding, RSMD and energy. This would require data on simulations done with and without a ligand. This could eventually lead to a value for the dissociation rate between the G-alpha protein and the receptor.</p><br />
<br />
<p>Because the hOR2AG1 is a receptor to a fruity molecule, there is a potential that it could sense other odors van fruits that hold an ester-configuration as well. Many of these odors are derivatives of each other, so the BR4 receptor could be reengineered in such a way that it can sense any fruity molecule.</p><br />
<br />
<br/><br />
<br/><br />
<h2>References</h2><br />
<br/><br />
<br />
<h6><br />
[1] Syhre M, Chambers ST (2008) The scent of Mycobacterium tuberculosis. Tuberculosis. 88:317–323<br />
[2] Gelis L, Wolf S, Hatt H, Neuhaus EM, Gerwert K (2012) Prediction of a Ligand-Binding Niche within a Human Olfactory Receptor by Combining Site-Directed Mutagenesis with Dynamic Homology Modeling. Angew. Chem. Int. Ed. 51:1274-1278<br />
[3] Jasmina Minic, Marie-annick Persuy, Elodie Godel, Josiane Aioun, Ian Connerton, Roland Salesse, Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening, FEBS Journal (2005)<br />
[4] Tunaru S, Lättig J, Kero J, Krause G, Offermanns S (2005) Characterization of Determinants of Ligand Binding to the Nicotinic Acid Receptor GPR109A (HM74A/PUMA-G). Mol Pharmacol. 68:1271-1280<br />
[5]J Zhang, Y Zhang. GPCR-ITASSER: A new composite algorithm for G protein-coupled receptor structure prediction and the application on human genome. 2011</h6><br />
<br />
<br />
<br />
<br />
</div><br />
<html><img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690"><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/trialTeam:TU-Delft/trial2012-10-27T01:23:25Z<p>Eftychia: Created page with "<html> <body> hallo </body> </html>"</p>
<hr />
<div><html><br />
<body> hallo </body><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T23:44:45Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:90px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:150px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 54px;<br />
width: 150px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
width: 150px;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T23:43:37Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:80px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:150px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 54px;<br />
width: 150px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
width: 150px;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T23:40:04Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:150px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 54px;<br />
width: 150px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
width: 150px;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T23:39:17Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:150px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 54px;<br />
width: 300px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/part1Team:TU-Delft/part12012-10-26T23:32:04Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Receptor</title></head><br />
<body><br />
<div style="height:70px; width:100%;"></div><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"/></a></div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c6/Receptor_header.jpg" align="middle" width="100%"/><br />
<br />
<br />
<h2>Content</h2> <br />
<a href="#P10"> Introduction</a><br><br />
<a href="#P8">Parts </a><br><br />
<a href="#P7">Results </a><br><br />
<a href="#P6"> Conclusions</a><br><br />
<a href="#P5"> Recommendations </a><br><br />
<a href="#P9">References</a><br><br />
<br />
<a name="P10"> <br><h2>Introduction</h2> </a><br />
<h3>Olfactory receptors</h3> <br />
<p><br />
Animals sense their chemical environment through olfactory receptors (ORs). The olfactory receptors are a large group of proteins belonging to a subfamily of G protein-coupled receptors (GPCRs) that bind odorant ligands. If the receptor is activated by a ligand, the confirmation of the receptor is changed and there is an interaction with the a-subunit of the G-protein. This causes dissociation of the a-subunit from the Gßα dimer and the signal is propagated [1]. Because of the sensitivity and selectivity of the of the olfactory system it can be of value in detection of environmental toxins [2] or pharmaceutical screening. In this iGEM project we aim to investigate if the ORs can be used as a diagnostics tool for tuberculosis.</p><br />
<br />
<h3>Yeast G protein-coupled receptors</h3><a name="A4"> </a> <br />
<p>In this project we choose to work with the budding yeast <i>Saccharomyces cerevisiae</i> as a host organism because it utilizes already a GPCR pathway. Furthermore <i>S. cerevisiae</i> has been successfully used for functional expression of GPCR’s [3,4], a lot of genomic tools are available, and it has a fully characterized genome. <br />
In <i>S. cerevisiae</i> two GPCR cascades have been identified: a glucose sensing pathway and a mating pathway [5]. There are two sexes of yeast cells, MATa and MATa. Whenever pheromones (small peptides) of the opposite sex are bound to the specific G-protein coupled receptors (Ste2 p or Ste3p), the MAP kinase cascade is turned on, leading to induction of mating genes such as <i>FUS1</i> and growth arrest mediated by the <i>FAR1</i> promoter. This mating response can be seen in the form of a morphological change, called shmoo formation. In figure 1 an overview of the pheromone and glucose signaling pathways in <i>S. cerevisiae</i> is shown. </p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/4/4a/GPCRinyeast.png" height="425" width="425" /><br />
<h6>Overview of pheromone and glucose signaling in <i>S. cerevisiae</i>. Figure adapted from <i>Versele et al.</i></h6><br />
<br/><br />
<h3>Introduction of a new olfactory receptor</h3> <a name="A3"> </a><br />
<p>Previously it was found that that the yeast pheromone signaling pathway can be coupled to a mammalian olfactory receptor. <i> Minic et al.</i> succeeded in functional expressing the rat 17 OR and its trafficking to the plasma membrane in <i>S. cerevisiae</i>. Between the three GPCRs that are known in <i>S. cerevisiae</i>, Ste2, Ste3 and Gpr1, the sequence similarity is limited. Except for pheromone receptors in <i>Schizosaccharomyces pombe</i> and <i>Kluyveromyces lactis</i>, Ste2 and Ste3 are largely unrelated in sequence to other GPCRs [5]. Nevertheless, the yeast pheromone receptors can be functionally replaced by several mammalian GPCRs so that the pheromone pathway can be activated by the corresponding ligands [4]. For localization of the receptor into the membrane and a higher affinity with the alpha-subunit we made a chimeric design of the receptor, after the research of Radhika et al. [7]. For a detailed design, and how to do this yourself, look at the <a href="https://2012.igem.org/Team:TU-Delft/receptordesign">DIY receptor design page</a>.</p><br />
<h3>Niacin olfactory receptor</h3> <a name="A5"> </a> <br />
<p>The receptors GPR109A and GPR109B are known to bind the compound nicotinic acid [8]. It was previously described that GPR109B acts a low affinity receptor for nicotinic acid and GPR109A acts as a high affinity receptor for nicotinic acid and other compounds with related pharmacology [molecular identification of high and low affinity receptors]. The chemical compound methyl nicotinate is closely related to nicotinic acid. Because one of the compounds in the breath of tuberculosis patients is methyl nicotinate [9,10], the high affinity receptor for niacin is a good candidate for testing the ‘olfactory yeast’ as a diagnostics tool. </p><br />
<h3>Isoamylacetate olfactory receptor</h3><a name="B1"> </a><br />
<p>The first iGEM team of MIT 2006 made a biobrick called the ‘banana odor generator’. With this part <i>E. coli</i> cells can generate the isoamyl acetate molecule. We aim to let yeast detect this isoamyl acetate signal with a olfactory receptor. The idea is that in future work the yeast should couple this back to the bacteria to have gaseous yeast/bacteria communication on plates. <br/> The human receptor OR1G1 and mouse receptor Olfr154 are known to react on isoamyl acetate [11] and therefor these two receptors were used in this iGEM project. </p><br/><br />
<a name="P8"><h2>Parts</h2> </a><br />
<p>A design of the receptor construct was made with the olfactory receptors placed between the N-terminal and the C-terminal part of the rat I7 receptor. As a promoter the strong constitutive <i>GPD</i> promoter is used and as a terminator the <i>CYC1</i> terminator. The receptor can be replaced by using the restriction sites BamHI and NdeI. A FLAG tag is added upstream of the receptor sequence to look at the localization of the receptor in the membrane.<br />
The plasmid construct for the receptor expression was obtained by restriction of the synthesized receptor construct and ligation in the pRSII415 expression vector. The following biobricks are created:<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775000 " target="_blank">BBa_K775000</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/GPR109A_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775001 " target="_blank">BBa_K775001</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/8/8d/Olfr154_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775002 " target="_blank">BBa_K775002</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/9/9f/OR1G1_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775003 " target="_blank">BBa_K775003</a><br/></p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c7/Odr10_picture.jpg" width="425" /><br />
<br/><br />
<a name="P7"><h2>Results</h2></a><br />
<h3>Transformations</h3><br />
The transformations with the plasmids were done in the S288C <i>S. cerevisiae</i> strain. All the plasmids were also put in a strain with a far1::kanMX4 knock-out strain. In table 1 all the strains that we made in this subpart are shown.<br />
<br/><br />
<center><br />
<table id="tbtext" width=100% ><br />
<tr> <br />
<th></th> <th>Niacin receptor</th> <th>Banana receptor 1</th> <th>Banana receptor 2</th></tr><br />
<tr><td id="tdunderline">Normal strain</td><td id="tdunderline">+NR1</td><td id="tdunderline">+BR1</td><td id="tdunderline">+BR2</td></tr><br />
<tr><td id="tdunderline">&Delta;far1 strain</td><td id="tdunderline">&Delta;far1 +NR1</td><td id="tdunderline">&Delta;far1 +BR1</td><td id="tdunderline">&Delta;far1 +BR2</td></tr><br />
<br />
</table><br />
</center><br />
<br/><br />
<p>After transformation of the plasmids in the yeast a PCR reaction was performed in order to verify if the plasmid was correctly transformed. Since the PCR reactions were performed with single colonies we expected to obtain one PCR product with the length of the receptor part. However, for all the receptors we saw multiple PCR products on the gel; products with the length of the receptor, and products indicating that only the plasmid backbone was present (without the receptor). This indicates that during growth of the yeast a part of the plasmid was emitted. </p><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/0/0a/DNA_gel_typical_Receptor.png" height="30%" width="30%" /><br />
<h6>1% Agarose Gel run on 80 V, showing <i>S. cerevisiae</i> extracted plasmid DNA of our olfactory receptor construct. Lane 2 shows DNA smartladder. Lane 1 shows a typical bands for the <i>S. cerevisae</i> plasmid extract. The bright band at the height of 2000 nt is the expected PCR band. The secondary bands observed have DNA sizes of approximately 1200 and 400-500 nt.</h6><br />
<br><br />
<br />
<h3>Expression and localization of the ORs</h3><br />
<div class=WordSection1><br />
<br />
<a id="FLAG_setup"><h3> Setup </h3></a><br />
NR1, BR1 and BR2 transformed cells and WT cells were stained with conjugated anti-FLAG antibodies according to <a href="https://2012.igem.org/Team:TU-Delft/protocols#P11">the immunofluorescence staining protocol</a> and viewed under a widefield fluorescence microscope (NR1) and a confocal microscope (BR1 and BR2) with the goal of imaging the expression of our GPCR chimeras and image their localization in the cell. The image was analyzed with ImageJ to compare the fluorescence of the cell and cell membrane to the overall fluorescence of the whole picture.<br />
<a id="FLAG_outcome"><h3> Outcome </h3></a><br />
It can be seen that there is expression of the receptor: +NR1 cells are fluorescent (figure 4 below) and the reference strain is very weakly fluorescent (figure 4 top). In some of the +NR1 cells there is clear halo structure visible, which indicates localization of the receptor on the membrane. Below such a typical halo is shown (figure 4). For +BR1 and +BR2 cells receptor expression can be shown also by the fluorescent signal (figure 5, other experiment). The location of the signal indicates expression unequally distributed over the cells, indicating that localization in the membrane is not fully functioning. Contrast of these pictures are not optimal. The reference strain (figure 5, top) showed very little fluorescence. Further, a small percentage of the cells (~5 %) was found to be fluorescent, indicating that constitutive mRNA expression by the GPD promoter did not lead to constitutive protein expression in all cells.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/1/15/NR1_immuno.png" alt="some_text" width="300" align="center"><br />
<p><br />
<h6>Figure 4: FLAG immunolocalization of +NR1 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/0/08/Banana_receptor_summary.png" alt="some_text" width="450" ><br />
<p> <br />
<h6>Figure 5: FLAG immunolocalization of +BR1 and +BR2 yeast cells expressing a receptor with FLAGtag.</h6><br />
<br />
<br />
<br />
</div><br />
<br/><br />
<br />
<br />
<br />
<h3>Ligand activation</h3><br />
<h6>Setup</h6><br />
<p>The next step was to test the binding of the ligand to our new introduced receptor. If the ligand binds correctly to the receptor the downstream pathway is activated and the cells should go in growth arrest. If cells are dividing the percentage of DNA is higher then for cells that are in growth arrest. By staining the DNA of the cells with a fluorescent dye we could look at the DNA content and thus if the cells enter to growth arrest. This is done with a flow cytometer.<br />
<h6>Outcome <i>Niacin receptor</i></h6><br><br />
<img src="https://static.igem.org/mediawiki/igem.org/0/0d/DNAstainingNR1.jpg" align="middle" width="100%"/><br />
<h6>Flow cytometry results of +NR1 and reference cells induced with the niacin ligand. Cells were DNA stained and measured after 4.40 hours.</h6><br/><br />
<br />
As controls we used a reference strain induced with niacin, and a +NR1 receptor strain without niacin induction. On the right there is our +NR1 receptor strain induced with niacin. The graphs show on the x-axis the measured intensity and on the y-axis we see the cell count. <br><br />
We see that the controls show a peak in the same region, this peak indicates that the cells are distributed over all cell cycle phases. We can see that the peak of the induced receptor strain is shifted to a lower fluorescent intensity. This might be an indication that the cells have a lower DNA content, and that they stopped growing. <br />
Despite we didn’t see a response on the methyl nicotinate molecule we were very exited to have promising results on the binding of the niacin ligand! This is also in agreement with the results of the <a href="https://2012.igem.org/Team:TU-Delft/Modeling/StructuralModeling">molecular dynamics modeling</a>.<br />
<br />
<br />
<br/><br/><br />
<h6><i>Outcome Banana receptor 1 and Banana receptor 2</i></h6><br><br />
When looking at the stained +BR1 and +BR2 strains with flow cytometry<br />
To get an idea of the behavior of the cell under influence of ligand and DNA staining, +BR2 and +BR2 &Delta;far1 strains where grown and induced with isoamyl acetate. This experiment was run parallel to the FACS experiment. There was an effect of isoamylacetate on the location of the DNA stain. For all the strains this resulted in an evenly distributed glow over the whole cell after induction of isoamylacetate. Below the results for the OR1G1 Receptor are shown as an example.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/5/51/Tud_Image002e.jpg" width="400" alt="boebeloeba"/><br />
<p><br />
<h6>Figure 7: OR1G1 transformed cells with isoamylacetate as inducing agent at an estimated concentration of 200mM.</h6><br />
<br />
<br />
<a name="P6"><h2>Conclusions</h2> </a><br />
<br />
<br />
The active site of an olfactory receptor, <i>GPR109A</i> placed between the N-terminal and the C-terminal part of the rat I7 receptor was successfully expressed in yeast. For all the yeast strains that were used in the experiments the transformations of receptor parts ( <i> I7-Olfr154, I7-OR1G1, I7-GPR109A, I7-odr10 </i> ) were confirmed with PCR. In one of the transformants ( <i>I7-GPR109A </i>) a halo structure is confirmed, by means of FLAG-tag localization. This points to localization of the receptor on the membrane. <br />
This stain was further researched in a subsequent DNA staining cell cytometry experiment that indicated growth arrest with niacin at T=4.40 and a similar trend with the positive control with alpha-pheromone was observed. With the alternative ligand Methyl Nicotinate no such trend was observed, although such a trend for the alternative ligand could be present. An explanation for this could be that methyl nicotinate is not the primary ligand and therefore does not strongly bind to the receptor.<br><br />
For <i>I7-OR1G1</i> a DNA staining experiment was performed with the goal of observing growth arrest.<br />
In these experiments growth arrest was not observed.<br />
Parallel imaging with fluorescence microscope however showed a change of cellular morphology<br />
by isoamylacetate. It was also observed that isoamylacetate dissolves poorly in water.<br />
This could explain why no growth arrest is observed with the <i>I7-OR1G1</i> transformants.<br />
<br/><br/><br />
<br />
<a name="P5"><h2>Recommendations</h2> </a><br />
<p>During growth of yeast cells transformed with the expression vector we observed two things: not all the cells maintain the right plasmid and the cells grew slower than wild type cells. A reason for this could be that the expression of the receptor is disadvantageously for the cells. Therefor we recommend for future work to use an inducible promoter instead of a strong constitutive promoter. In that case one can make the yeast cells expressing the receptor just before testing the strain.</p><br/><br />
<a name="P9"><h2>References</h2> </a><br />
<h6><br />
[1] Haiqing Zhao, Lidija Ivic, Joji M. Otaki, Mitsuhiro Hashimoto, Katsuhiro Mikoshiba, Stuart Firestein*Functional Expression of a Mammalian Odorant Receptor, Science 279, 237 (1998)<br/><br />
[2] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha &Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain Nature Chemical Biology 3 (2007) <br/><br />
[3] Jasmina Minic, Marie-annick Persuy, Elodie Godel, Josiane Aioun, Ian Connerton, Roland Salesse, Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening, FEBS Journal (2005)<br/><br />
[4] Brown et al, Functional coupling of mammalian receptors to the yeast mating pathway using novel yeast/mammalian G protein a-subunit chimeras, Yeast (2000)<br/><br />
[5] Matthias Versele, Katleen Lemaire, and Johan M. Thevelein, Sex and sugar in yeast: two distinct GPCR systems, EMBO Rep. 2001<br/><br />
[6] Dietmar Krautwurst, King-Wai Yau, and Randall R. Reed, Identification of Ligands for Olfactory Receptors by Functional Expression of a Receptor Library, Cell (1998)<br/><br />
[7] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha & Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain, Nature Chemical biology (2007)<br/><br />
[8] Alan Wise, Steven M. Foord, Neil J. Fraser, Ashley A. Barnes,e Nabil Elshourbagy, Michelle Eilert,g Diane M. Ignarg Paul R. Murdock, Klaudia Steplewski,h Andrew Green,Andrew J. Brown, Simon J. Dowell, Philip G. Szekeres, David G. Hassall, Fiona H. Marshall,a, j Shelagh Wilson, and Nicholas B. Pike<br />
Molecular Identification of High and Low Affinity Receptors for Nicotinic Acid, The journal of biological chemistry (2003) <br/><br />
[9] Georgies F. Mgode Bart J. Weetjens Thorben Nawrath, Christophe Cox, Maureen Jubitana, Robert S. Machang’, Stephan Cohen-Bacrie,e Marielle Bedotto, Michel Drancourt,e Stefan Schulz and Stefan H. E. Kaufmann, Diagnosis of Tuberculosis by Trained African Giant Pouched Rats and Confounding Impact of Pathogens and Microflora of the Respiratory Tract, Journal of clinical microbiology (2011) <br/><br />
[10] Mona Syhre, Stephen T. Chambers, The scent of Mycobacterium tuberculosis, Elsevier (2008)<br/><br />
[11 Valery Matarazzo, Olivier Clot-Faybesse, Brice Marcet, Gaelle Guiraudie-Capraz, Boriana Atanasova, Gerard Devauchelle, Martine Cerutti, Patrick Etievant and Catherine Ronin,Functional Characterization of Two Human Olfactory Receptors Expressed in the Baculovirus Sf9 Insect Cell System, Chem. Senses (2005).</h6><br/><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690" /><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/part1Team:TU-Delft/part12012-10-26T23:31:19Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Receptor</title></head><br />
<body><br />
<div style="height:70px; width:100%;"></div><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"/></a></div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c6/Receptor_header.jpg" align="middle" width="100%"/><br />
<br />
<br />
<h2>Content</h2> <br />
<a href="#P10"> Introduction</a><br><br />
<a href="#P8">Parts </a><br><br />
<a href="#P7">Results </a><br><br />
<a href="#P6"> Conclusions</a><br><br />
<a href="#P5"> Recommendations </a><br><br />
<a href="#P9">References</a><br><br />
<br />
<a name="P10"> <br><h2>Introduction</h2> </a><br />
<h3>Olfactory receptors</h3> <br />
<p><br />
Animals sense their chemical environment through olfactory receptors (ORs). The olfactory receptors are a large group of proteins belonging to a subfamily of G protein-coupled receptors (GPCRs) that bind odorant ligands. If the receptor is activated by a ligand, the confirmation of the receptor is changed and there is an interaction with the a-subunit of the G-protein. This causes dissociation of the a-subunit from the Gßα dimer and the signal is propagated [1]. Because of the sensitivity and selectivity of the of the olfactory system it can be of value in detection of environmental toxins [2] or pharmaceutical screening. In this iGEM project we aim to investigate if the ORs can be used as a diagnostics tool for tuberculosis.</p><br />
<br />
<h3>Yeast G protein-coupled receptors</h3><a name="A4"> </a> <br />
<p>In this project we choose to work with the budding yeast <i>Saccharomyces cerevisiae</i> as a host organism because it utilizes already a GPCR pathway. Furthermore <i>S. cerevisiae</i> has been successfully used for functional expression of GPCR’s [3,4], a lot of genomic tools are available, and it has a fully characterized genome. <br />
In <i>S. cerevisiae</i> two GPCR cascades have been identified: a glucose sensing pathway and a mating pathway [5]. There are two sexes of yeast cells, MATa and MATa. Whenever pheromones (small peptides) of the opposite sex are bound to the specific G-protein coupled receptors (Ste2 p or Ste3p), the MAP kinase cascade is turned on, leading to induction of mating genes such as <i>FUS1</i> and growth arrest mediated by the <i>FAR1</i> promoter. This mating response can be seen in the form of a morphological change, called shmoo formation. In figure 1 an overview of the pheromone and glucose signaling pathways in <i>S. cerevisiae</i> is shown. </p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/4/4a/GPCRinyeast.png" height="425" width="425" /><br />
<h6>Overview of pheromone and glucose signaling in <i>S. cerevisiae</i>. Figure adapted from <i>Versele et al.</i></h6><br />
<br/><br />
<h3>Introduction of a new olfactory receptor</h3> <a name="A3"> </a><br />
<p>Previously it was found that that the yeast pheromone signaling pathway can be coupled to a mammalian olfactory receptor. <i> Minic et al.</i> succeeded in functional expressing the rat 17 OR and its trafficking to the plasma membrane in <i>S. cerevisiae</i>. Between the three GPCRs that are known in <i>S. cerevisiae</i>, Ste2, Ste3 and Gpr1, the sequence similarity is limited. Except for pheromone receptors in <i>Schizosaccharomyces pombe</i> and <i>Kluyveromyces lactis</i>, Ste2 and Ste3 are largely unrelated in sequence to other GPCRs [5]. Nevertheless, the yeast pheromone receptors can be functionally replaced by several mammalian GPCRs so that the pheromone pathway can be activated by the corresponding ligands [4]. For localization of the receptor into the membrane and a higher affinity with the alpha-subunit we made a chimeric design of the receptor, after the research of Radhika et al. [7]. For a detailed design, and how to do this yourself, look at the <a href="https://2012.igem.org/Team:TU-Delft/receptordesign">DIY receptor design page</a>.</p><br />
<h3>Niacin olfactory receptor</h3> <a name="A5"> </a> <br />
<p>The receptors GPR109A and GPR109B are known to bind the compound nicotinic acid [8]. It was previously described that GPR109B acts a low affinity receptor for nicotinic acid and GPR109A acts as a high affinity receptor for nicotinic acid and other compounds with related pharmacology [molecular identification of high and low affinity receptors]. The chemical compound methyl nicotinate is closely related to nicotinic acid. Because one of the compounds in the breath of tuberculosis patients is methyl nicotinate [9,10], the high affinity receptor for niacin is a good candidate for testing the ‘olfactory yeast’ as a diagnostics tool. </p><br />
<h3>Isoamylacetate olfactory receptor</h3><a name="B1"> </a><br />
<p>The first iGEM team of MIT 2006 made a biobrick called the ‘banana odor generator’. With this part <i>E. coli</i> cells can generate the isoamyl acetate molecule. We aim to let yeast detect this isoamyl acetate signal with a olfactory receptor. The idea is that in future work the yeast should couple this back to the bacteria to have gaseous yeast/bacteria communication on plates. <br/> The human receptor OR1G1 and mouse receptor Olfr154 are known to react on isoamyl acetate [11] and therefor these two receptors were used in this iGEM project. </p><br/><br />
<a name="P8"><h2>Parts</h2> </a><br />
<p>A design of the receptor construct was made with the olfactory receptors placed between the N-terminal and the C-terminal part of the rat I7 receptor. As a promoter the strong constitutive <i>GPD</i> promoter is used and as a terminator the <i>CYC1</i> terminator. The receptor can be replaced by using the restriction sites BamHI and NdeI. A FLAG tag is added upstream of the receptor sequence to look at the localization of the receptor in the membrane.<br />
The plasmid construct for the receptor expression was obtained by restriction of the synthesized receptor construct and ligation in the pRSII415 expression vector. The following biobricks are created:<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775000 " target="_blank">BBa_K775000</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/GPR109A_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775001 " target="_blank">BBa_K775001</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/8/8d/Olfr154_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775002 " target="_blank">BBa_K775002</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/9/9f/OR1G1_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775003 " target="_blank">BBa_K775003</a><br/></p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c7/Odr10_picture.jpg" width="425" /><br />
<br/><br />
<a name="P7"><h2>Results</h2></a><br />
<h3>Transformations</h3><br />
The transformations with the plasmids were done in the S288C <i>S. cerevisiae</i> strain. All the plasmids were also put in a strain with a far1::kanMX4 knock-out strain. In table 1 all the strains that we made in this subpart are shown.<br />
<center><br />
<table id="tbtext" width=100% ><br />
<tr> <br />
<th></th> <th>Niacin receptor</th> <th>Banana receptor 1</th> <th>Banana receptor 2</th></tr><br />
<tr><td id="tdunderline">Normal strain</td><td id="tdunderline">+NR1</td><td id="tdunderline">+BR1</td><td id="tdunderline">+BR2</td></tr><br />
<tr><td id="tdunderline">&Delta;far1 strain</td><td id="tdunderline">&Delta;far1 +NR1</td><td id="tdunderline">&Delta;far1 +BR1</td><td id="tdunderline">&Delta;far1 +BR2</td></tr><br />
<br />
</table><br />
</center><br />
<br />
<p>After transformation of the plasmids in the yeast a PCR reaction was performed in order to verify if the plasmid was correctly transformed. Since the PCR reactions were performed with single colonies we expected to obtain one PCR product with the length of the receptor part. However, for all the receptors we saw multiple PCR products on the gel; products with the length of the receptor, and products indicating that only the plasmid backbone was present (without the receptor). This indicates that during growth of the yeast a part of the plasmid was emitted. </p><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/0/0a/DNA_gel_typical_Receptor.png" height="30%" width="30%" /><br />
<h6>1% Agarose Gel run on 80 V, showing <i>S. cerevisiae</i> extracted plasmid DNA of our olfactory receptor construct. Lane 2 shows DNA smartladder. Lane 1 shows a typical bands for the <i>S. cerevisae</i> plasmid extract. The bright band at the height of 2000 nt is the expected PCR band. The secondary bands observed have DNA sizes of approximately 1200 and 400-500 nt.</h6><br />
<br><br />
<br />
<h3>Expression and localization of the ORs</h3><br />
<div class=WordSection1><br />
<br />
<a id="FLAG_setup"><h3> Setup </h3></a><br />
NR1, BR1 and BR2 transformed cells and WT cells were stained with conjugated anti-FLAG antibodies according to <a href="https://2012.igem.org/Team:TU-Delft/protocols#P11">the immunofluorescence staining protocol</a> and viewed under a widefield fluorescence microscope (NR1) and a confocal microscope (BR1 and BR2) with the goal of imaging the expression of our GPCR chimeras and image their localization in the cell. The image was analyzed with ImageJ to compare the fluorescence of the cell and cell membrane to the overall fluorescence of the whole picture.<br />
<a id="FLAG_outcome"><h3> Outcome </h3></a><br />
It can be seen that there is expression of the receptor: +NR1 cells are fluorescent (figure 4 below) and the reference strain is very weakly fluorescent (figure 4 top). In some of the +NR1 cells there is clear halo structure visible, which indicates localization of the receptor on the membrane. Below such a typical halo is shown (figure 4). For +BR1 and +BR2 cells receptor expression can be shown also by the fluorescent signal (figure 5, other experiment). The location of the signal indicates expression unequally distributed over the cells, indicating that localization in the membrane is not fully functioning. Contrast of these pictures are not optimal. The reference strain (figure 5, top) showed very little fluorescence. Further, a small percentage of the cells (~5 %) was found to be fluorescent, indicating that constitutive mRNA expression by the GPD promoter did not lead to constitutive protein expression in all cells.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/1/15/NR1_immuno.png" alt="some_text" width="300" align="center"><br />
<p><br />
<h6>Figure 4: FLAG immunolocalization of +NR1 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/0/08/Banana_receptor_summary.png" alt="some_text" width="450" ><br />
<p> <br />
<h6>Figure 5: FLAG immunolocalization of +BR1 and +BR2 yeast cells expressing a receptor with FLAGtag.</h6><br />
<br />
<br />
<br />
</div><br />
<br/><br />
<br />
<br />
<br />
<h3>Ligand activation</h3><br />
<h6>Setup</h6><br />
<p>The next step was to test the binding of the ligand to our new introduced receptor. If the ligand binds correctly to the receptor the downstream pathway is activated and the cells should go in growth arrest. If cells are dividing the percentage of DNA is higher then for cells that are in growth arrest. By staining the DNA of the cells with a fluorescent dye we could look at the DNA content and thus if the cells enter to growth arrest. This is done with a flow cytometer.<br />
<h6>Outcome <i>Niacin receptor</i></h6><br><br />
<img src="https://static.igem.org/mediawiki/igem.org/0/0d/DNAstainingNR1.jpg" align="middle" width="100%"/><br />
<h6>Flow cytometry results of +NR1 and reference cells induced with the niacin ligand. Cells were DNA stained and measured after 4.40 hours.</h6><br/><br />
<br />
As controls we used a reference strain induced with niacin, and a +NR1 receptor strain without niacin induction. On the right there is our +NR1 receptor strain induced with niacin. The graphs show on the x-axis the measured intensity and on the y-axis we see the cell count. <br><br />
We see that the controls show a peak in the same region, this peak indicates that the cells are distributed over all cell cycle phases. We can see that the peak of the induced receptor strain is shifted to a lower fluorescent intensity. This might be an indication that the cells have a lower DNA content, and that they stopped growing. <br />
Despite we didn’t see a response on the methyl nicotinate molecule we were very exited to have promising results on the binding of the niacin ligand! This is also in agreement with the results of the <a href="https://2012.igem.org/Team:TU-Delft/Modeling/StructuralModeling">molecular dynamics modeling</a>.<br />
<br />
<br />
<br/><br/><br />
<h6><i>Outcome Banana receptor 1 and Banana receptor 2</i></h6><br><br />
When looking at the stained +BR1 and +BR2 strains with flow cytometry<br />
To get an idea of the behavior of the cell under influence of ligand and DNA staining, +BR2 and +BR2 &Delta;far1 strains where grown and induced with isoamyl acetate. This experiment was run parallel to the FACS experiment. There was an effect of isoamylacetate on the location of the DNA stain. For all the strains this resulted in an evenly distributed glow over the whole cell after induction of isoamylacetate. Below the results for the OR1G1 Receptor are shown as an example.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/5/51/Tud_Image002e.jpg" width="400" alt="boebeloeba"/><br />
<p><br />
<h6>Figure 7: OR1G1 transformed cells with isoamylacetate as inducing agent at an estimated concentration of 200mM.</h6><br />
<br />
<br />
<a name="P6"><h2>Conclusions</h2> </a><br />
<br />
<br />
The active site of an olfactory receptor, <i>GPR109A</i> placed between the N-terminal and the C-terminal part of the rat I7 receptor was successfully expressed in yeast. For all the yeast strains that were used in the experiments the transformations of receptor parts ( <i> I7-Olfr154, I7-OR1G1, I7-GPR109A, I7-odr10 </i> ) were confirmed with PCR. In one of the transformants ( <i>I7-GPR109A </i>) a halo structure is confirmed, by means of FLAG-tag localization. This points to localization of the receptor on the membrane. <br />
This stain was further researched in a subsequent DNA staining cell cytometry experiment that indicated growth arrest with niacin at T=4.40 and a similar trend with the positive control with alpha-pheromone was observed. With the alternative ligand Methyl Nicotinate no such trend was observed, although such a trend for the alternative ligand could be present. An explanation for this could be that methyl nicotinate is not the primary ligand and therefore does not strongly bind to the receptor.<br><br />
For <i>I7-OR1G1</i> a DNA staining experiment was performed with the goal of observing growth arrest.<br />
In these experiments growth arrest was not observed.<br />
Parallel imaging with fluorescence microscope however showed a change of cellular morphology<br />
by isoamylacetate. It was also observed that isoamylacetate dissolves poorly in water.<br />
This could explain why no growth arrest is observed with the <i>I7-OR1G1</i> transformants.<br />
<br/><br/><br />
<br />
<a name="P5"><h2>Recommendations</h2> </a><br />
<p>During growth of yeast cells transformed with the expression vector we observed two things: not all the cells maintain the right plasmid and the cells grew slower than wild type cells. A reason for this could be that the expression of the receptor is disadvantageously for the cells. Therefor we recommend for future work to use an inducible promoter instead of a strong constitutive promoter. In that case one can make the yeast cells expressing the receptor just before testing the strain.</p><br/><br />
<a name="P9"><h2>References</h2> </a><br />
<h6><br />
[1] Haiqing Zhao, Lidija Ivic, Joji M. Otaki, Mitsuhiro Hashimoto, Katsuhiro Mikoshiba, Stuart Firestein*Functional Expression of a Mammalian Odorant Receptor, Science 279, 237 (1998)<br/><br />
[2] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha &Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain Nature Chemical Biology 3 (2007) <br/><br />
[3] Jasmina Minic, Marie-annick Persuy, Elodie Godel, Josiane Aioun, Ian Connerton, Roland Salesse, Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening, FEBS Journal (2005)<br/><br />
[4] Brown et al, Functional coupling of mammalian receptors to the yeast mating pathway using novel yeast/mammalian G protein a-subunit chimeras, Yeast (2000)<br/><br />
[5] Matthias Versele, Katleen Lemaire, and Johan M. Thevelein, Sex and sugar in yeast: two distinct GPCR systems, EMBO Rep. 2001<br/><br />
[6] Dietmar Krautwurst, King-Wai Yau, and Randall R. Reed, Identification of Ligands for Olfactory Receptors by Functional Expression of a Receptor Library, Cell (1998)<br/><br />
[7] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha & Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain, Nature Chemical biology (2007)<br/><br />
[8] Alan Wise, Steven M. Foord, Neil J. Fraser, Ashley A. Barnes,e Nabil Elshourbagy, Michelle Eilert,g Diane M. Ignarg Paul R. Murdock, Klaudia Steplewski,h Andrew Green,Andrew J. Brown, Simon J. Dowell, Philip G. Szekeres, David G. Hassall, Fiona H. Marshall,a, j Shelagh Wilson, and Nicholas B. Pike<br />
Molecular Identification of High and Low Affinity Receptors for Nicotinic Acid, The journal of biological chemistry (2003) <br/><br />
[9] Georgies F. Mgode Bart J. Weetjens Thorben Nawrath, Christophe Cox, Maureen Jubitana, Robert S. Machang’, Stephan Cohen-Bacrie,e Marielle Bedotto, Michel Drancourt,e Stefan Schulz and Stefan H. E. Kaufmann, Diagnosis of Tuberculosis by Trained African Giant Pouched Rats and Confounding Impact of Pathogens and Microflora of the Respiratory Tract, Journal of clinical microbiology (2011) <br/><br />
[10] Mona Syhre, Stephen T. Chambers, The scent of Mycobacterium tuberculosis, Elsevier (2008)<br/><br />
[11 Valery Matarazzo, Olivier Clot-Faybesse, Brice Marcet, Gaelle Guiraudie-Capraz, Boriana Atanasova, Gerard Devauchelle, Martine Cerutti, Patrick Etievant and Catherine Ronin,Functional Characterization of Two Human Olfactory Receptors Expressed in the Baculovirus Sf9 Insect Cell System, Chem. Senses (2005).</h6><br/><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690" /><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/part1Team:TU-Delft/part12012-10-26T23:30:02Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Receptor</title></head><br />
<body><br />
<div style="height:70px; width:100%;"></div><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"/></a></div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c6/Receptor_header.jpg" align="middle" width="100%"/><br />
<br />
<br />
<h2>Content</h2> <br />
<a href="#P10"> Introduction</a><br><br />
<a href="#P8">Parts </a><br><br />
<a href="#P7">Results </a><br><br />
<a href="#P6"> Conclusions</a><br><br />
<a href="#P5"> Recommendations </a><br><br />
<a href="#P9">References</a><br><br />
<br />
<a name="P10"> <br><h2>Introduction</h2> </a><br />
<h3>Olfactory receptors</h3> <br />
<p><br />
Animals sense their chemical environment through olfactory receptors (ORs). The olfactory receptors are a large group of proteins belonging to a subfamily of G protein-coupled receptors (GPCRs) that bind odorant ligands. If the receptor is activated by a ligand, the confirmation of the receptor is changed and there is an interaction with the a-subunit of the G-protein. This causes dissociation of the a-subunit from the Gßα dimer and the signal is propagated [1]. Because of the sensitivity and selectivity of the of the olfactory system it can be of value in detection of environmental toxins [2] or pharmaceutical screening. In this iGEM project we aim to investigate if the ORs can be used as a diagnostics tool for tuberculosis.</p><br />
<br />
<h3>Yeast G protein-coupled receptors</h3><a name="A4"> </a> <br />
<p>In this project we choose to work with the budding yeast <i>Saccharomyces cerevisiae</i> as a host organism because it utilizes already a GPCR pathway. Furthermore <i>S. cerevisiae</i> has been successfully used for functional expression of GPCR’s [3,4], a lot of genomic tools are available, and it has a fully characterized genome. <br />
In <i>S. cerevisiae</i> two GPCR cascades have been identified: a glucose sensing pathway and a mating pathway [5]. There are two sexes of yeast cells, MATa and MATa. Whenever pheromones (small peptides) of the opposite sex are bound to the specific G-protein coupled receptors (Ste2 p or Ste3p), the MAP kinase cascade is turned on, leading to induction of mating genes such as <i>FUS1</i> and growth arrest mediated by the <i>FAR1</i> promoter. This mating response can be seen in the form of a morphological change, called shmoo formation. In figure 1 an overview of the pheromone and glucose signaling pathways in <i>S. cerevisiae</i> is shown. </p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/4/4a/GPCRinyeast.png" height="425" width="425" /><br />
<h6>Overview of pheromone and glucose signaling in <i>S. cerevisiae</i>. Figure adapted from <i>Versele et al.</i></h6><br />
<br/><br />
<h3>Introduction of a new olfactory receptor</h3> <a name="A3"> </a><br />
<p>Previously it was found that that the yeast pheromone signaling pathway can be coupled to a mammalian olfactory receptor. <i> Minic et al.</i> succeeded in functional expressing the rat 17 OR and its trafficking to the plasma membrane in <i>S. cerevisiae</i>. Between the three GPCRs that are known in <i>S. cerevisiae</i>, Ste2, Ste3 and Gpr1, the sequence similarity is limited. Except for pheromone receptors in <i>Schizosaccharomyces pombe</i> and <i>Kluyveromyces lactis</i>, Ste2 and Ste3 are largely unrelated in sequence to other GPCRs [5]. Nevertheless, the yeast pheromone receptors can be functionally replaced by several mammalian GPCRs so that the pheromone pathway can be activated by the corresponding ligands [4]. For localization of the receptor into the membrane and a higher affinity with the alpha-subunit we made a chimeric design of the receptor, after the research of Radhika et al. [7]. For a detailed design, and how to do this yourself, look at the <a href="https://2012.igem.org/Team:TU-Delft/receptordesign">DIY receptor design page</a>.</p><br />
<h3>Niacin olfactory receptor</h3> <a name="A5"> </a> <br />
<p>The receptors GPR109A and GPR109B are known to bind the compound nicotinic acid [8]. It was previously described that GPR109B acts a low affinity receptor for nicotinic acid and GPR109A acts as a high affinity receptor for nicotinic acid and other compounds with related pharmacology [molecular identification of high and low affinity receptors]. The chemical compound methyl nicotinate is closely related to nicotinic acid. Because one of the compounds in the breath of tuberculosis patients is methyl nicotinate [9,10], the high affinity receptor for niacin is a good candidate for testing the ‘olfactory yeast’ as a diagnostics tool. </p><br />
<h3>Isoamylacetate olfactory receptor</h3><a name="B1"> </a><br />
<p>The first iGEM team of MIT 2006 made a biobrick called the ‘banana odor generator’. With this part <i>E. coli</i> cells can generate the isoamyl acetate molecule. We aim to let yeast detect this isoamyl acetate signal with a olfactory receptor. The idea is that in future work the yeast should couple this back to the bacteria to have gaseous yeast/bacteria communication on plates. <br/> The human receptor OR1G1 and mouse receptor Olfr154 are known to react on isoamyl acetate [11] and therefor these two receptors were used in this iGEM project. </p><br/><br />
<a name="P8"><h2>Parts</h2> </a><br />
<p>A design of the receptor construct was made with the olfactory receptors placed between the N-terminal and the C-terminal part of the rat I7 receptor. As a promoter the strong constitutive <i>GPD</i> promoter is used and as a terminator the <i>CYC1</i> terminator. The receptor can be replaced by using the restriction sites BamHI and NdeI. A FLAG tag is added upstream of the receptor sequence to look at the localization of the receptor in the membrane.<br />
The plasmid construct for the receptor expression was obtained by restriction of the synthesized receptor construct and ligation in the pRSII415 expression vector. The following biobricks are created:<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775000 " target="_blank">BBa_K775000</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/GPR109A_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775001 " target="_blank">BBa_K775001</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/8/8d/Olfr154_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775002 " target="_blank">BBa_K775002</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/9/9f/OR1G1_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775003 " target="_blank">BBa_K775003</a><br/></p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c7/Odr10_picture.jpg" width="425" /><br />
<br/><br />
<a name="P7"><h2>Results</h2></a><br />
<h3>Transformations</h3><br />
The transformations with the plasmids were done in the S288C <i>S. cerevisiae</i> strain. All the plasmids were also put in a strain with a far1::kanMX4 knock-out strain. In table 1 all the strains that we made in this subpart are shown.<br />
<br />
<table id="tbtext"><br />
<tr> <br />
<th></th> <th>Niacin receptor</th> <th>Banana receptor 1</th> <th>Banana receptor 2</th></tr><br />
<tr><td id="tdunderline">Normal strain</td><td id="tdunderline">+NR1</td><td id="tdunderline">+BR1</td><td id="tdunderline">+BR2</td></tr><br />
<tr><td id="tdunderline">&Delta;far1 strain</td><td id="tdunderline">&Delta;far1 +NR1</td><td id="tdunderline">&Delta;far1 +BR1</td><td id="tdunderline">&Delta;far1 +BR2</td></tr><br />
<br />
</table><br />
<br />
<br />
<p>After transformation of the plasmids in the yeast a PCR reaction was performed in order to verify if the plasmid was correctly transformed. Since the PCR reactions were performed with single colonies we expected to obtain one PCR product with the length of the receptor part. However, for all the receptors we saw multiple PCR products on the gel; products with the length of the receptor, and products indicating that only the plasmid backbone was present (without the receptor). This indicates that during growth of the yeast a part of the plasmid was emitted. </p><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/0/0a/DNA_gel_typical_Receptor.png" height="30%" width="30%" /><br />
<h6>1% Agarose Gel run on 80 V, showing <i>S. cerevisiae</i> extracted plasmid DNA of our olfactory receptor construct. Lane 2 shows DNA smartladder. Lane 1 shows a typical bands for the <i>S. cerevisae</i> plasmid extract. The bright band at the height of 2000 nt is the expected PCR band. The secondary bands observed have DNA sizes of approximately 1200 and 400-500 nt.</h6><br />
<br><br />
<br />
<h3>Expression and localization of the ORs</h3><br />
<div class=WordSection1><br />
<br />
<a id="FLAG_setup"><h3> Setup </h3></a><br />
NR1, BR1 and BR2 transformed cells and WT cells were stained with conjugated anti-FLAG antibodies according to <a href="https://2012.igem.org/Team:TU-Delft/protocols#P11">the immunofluorescence staining protocol</a> and viewed under a widefield fluorescence microscope (NR1) and a confocal microscope (BR1 and BR2) with the goal of imaging the expression of our GPCR chimeras and image their localization in the cell. The image was analyzed with ImageJ to compare the fluorescence of the cell and cell membrane to the overall fluorescence of the whole picture.<br />
<a id="FLAG_outcome"><h3> Outcome </h3></a><br />
It can be seen that there is expression of the receptor: +NR1 cells are fluorescent (figure 4 below) and the reference strain is very weakly fluorescent (figure 4 top). In some of the +NR1 cells there is clear halo structure visible, which indicates localization of the receptor on the membrane. Below such a typical halo is shown (figure 4). For +BR1 and +BR2 cells receptor expression can be shown also by the fluorescent signal (figure 5, other experiment). The location of the signal indicates expression unequally distributed over the cells, indicating that localization in the membrane is not fully functioning. Contrast of these pictures are not optimal. The reference strain (figure 5, top) showed very little fluorescence. Further, a small percentage of the cells (~5 %) was found to be fluorescent, indicating that constitutive mRNA expression by the GPD promoter did not lead to constitutive protein expression in all cells.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/1/15/NR1_immuno.png" alt="some_text" width="300" align="center"><br />
<p><br />
<h6>Figure 4: FLAG immunolocalization of +NR1 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/0/08/Banana_receptor_summary.png" alt="some_text" width="450" ><br />
<p> <br />
<h6>Figure 5: FLAG immunolocalization of +BR1 and +BR2 yeast cells expressing a receptor with FLAGtag.</h6><br />
<br />
<br />
<br />
</div><br />
<br/><br />
<br />
<br />
<br />
<h3>Ligand activation</h3><br />
<h6>Setup</h6><br />
<p>The next step was to test the binding of the ligand to our new introduced receptor. If the ligand binds correctly to the receptor the downstream pathway is activated and the cells should go in growth arrest. If cells are dividing the percentage of DNA is higher then for cells that are in growth arrest. By staining the DNA of the cells with a fluorescent dye we could look at the DNA content and thus if the cells enter to growth arrest. This is done with a flow cytometer.<br />
<h6>Outcome <i>Niacin receptor</i></h6><br><br />
<img src="https://static.igem.org/mediawiki/igem.org/0/0d/DNAstainingNR1.jpg" align="middle" width="100%"/><br />
<h6>Flow cytometry results of +NR1 and reference cells induced with the niacin ligand. Cells were DNA stained and measured after 4.40 hours.</h6><br/><br />
<br />
As controls we used a reference strain induced with niacin, and a +NR1 receptor strain without niacin induction. On the right there is our +NR1 receptor strain induced with niacin. The graphs show on the x-axis the measured intensity and on the y-axis we see the cell count. <br><br />
We see that the controls show a peak in the same region, this peak indicates that the cells are distributed over all cell cycle phases. We can see that the peak of the induced receptor strain is shifted to a lower fluorescent intensity. This might be an indication that the cells have a lower DNA content, and that they stopped growing. <br />
Despite we didn’t see a response on the methyl nicotinate molecule we were very exited to have promising results on the binding of the niacin ligand! This is also in agreement with the results of the <a href="https://2012.igem.org/Team:TU-Delft/Modeling/StructuralModeling">molecular dynamics modeling</a>.<br />
<br />
<br />
<br/><br/><br />
<h6><i>Outcome Banana receptor 1 and Banana receptor 2</i></h6><br><br />
When looking at the stained +BR1 and +BR2 strains with flow cytometry<br />
To get an idea of the behavior of the cell under influence of ligand and DNA staining, +BR2 and +BR2 &Delta;far1 strains where grown and induced with isoamyl acetate. This experiment was run parallel to the FACS experiment. There was an effect of isoamylacetate on the location of the DNA stain. For all the strains this resulted in an evenly distributed glow over the whole cell after induction of isoamylacetate. Below the results for the OR1G1 Receptor are shown as an example.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/5/51/Tud_Image002e.jpg" width="400" alt="boebeloeba"/><br />
<p><br />
<h6>Figure 7: OR1G1 transformed cells with isoamylacetate as inducing agent at an estimated concentration of 200mM.</h6><br />
<br />
<br />
<a name="P6"><h2>Conclusions</h2> </a><br />
<br />
<br />
The active site of an olfactory receptor, <i>GPR109A</i> placed between the N-terminal and the C-terminal part of the rat I7 receptor was successfully expressed in yeast. For all the yeast strains that were used in the experiments the transformations of receptor parts ( <i> I7-Olfr154, I7-OR1G1, I7-GPR109A, I7-odr10 </i> ) were confirmed with PCR. In one of the transformants ( <i>I7-GPR109A </i>) a halo structure is confirmed, by means of FLAG-tag localization. This points to localization of the receptor on the membrane. <br />
This stain was further researched in a subsequent DNA staining cell cytometry experiment that indicated growth arrest with niacin at T=4.40 and a similar trend with the positive control with alpha-pheromone was observed. With the alternative ligand Methyl Nicotinate no such trend was observed, although such a trend for the alternative ligand could be present. An explanation for this could be that methyl nicotinate is not the primary ligand and therefore does not strongly bind to the receptor.<br><br />
For <i>I7-OR1G1</i> a DNA staining experiment was performed with the goal of observing growth arrest.<br />
In these experiments growth arrest was not observed.<br />
Parallel imaging with fluorescence microscope however showed a change of cellular morphology<br />
by isoamylacetate. It was also observed that isoamylacetate dissolves poorly in water.<br />
This could explain why no growth arrest is observed with the <i>I7-OR1G1</i> transformants.<br />
<br/><br/><br />
<br />
<a name="P5"><h2>Recommendations</h2> </a><br />
<p>During growth of yeast cells transformed with the expression vector we observed two things: not all the cells maintain the right plasmid and the cells grew slower than wild type cells. A reason for this could be that the expression of the receptor is disadvantageously for the cells. Therefor we recommend for future work to use an inducible promoter instead of a strong constitutive promoter. In that case one can make the yeast cells expressing the receptor just before testing the strain.</p><br/><br />
<a name="P9"><h2>References</h2> </a><br />
<h6><br />
[1] Haiqing Zhao, Lidija Ivic, Joji M. Otaki, Mitsuhiro Hashimoto, Katsuhiro Mikoshiba, Stuart Firestein*Functional Expression of a Mammalian Odorant Receptor, Science 279, 237 (1998)<br/><br />
[2] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha &Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain Nature Chemical Biology 3 (2007) <br/><br />
[3] Jasmina Minic, Marie-annick Persuy, Elodie Godel, Josiane Aioun, Ian Connerton, Roland Salesse, Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening, FEBS Journal (2005)<br/><br />
[4] Brown et al, Functional coupling of mammalian receptors to the yeast mating pathway using novel yeast/mammalian G protein a-subunit chimeras, Yeast (2000)<br/><br />
[5] Matthias Versele, Katleen Lemaire, and Johan M. Thevelein, Sex and sugar in yeast: two distinct GPCR systems, EMBO Rep. 2001<br/><br />
[6] Dietmar Krautwurst, King-Wai Yau, and Randall R. Reed, Identification of Ligands for Olfactory Receptors by Functional Expression of a Receptor Library, Cell (1998)<br/><br />
[7] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha & Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain, Nature Chemical biology (2007)<br/><br />
[8] Alan Wise, Steven M. Foord, Neil J. Fraser, Ashley A. Barnes,e Nabil Elshourbagy, Michelle Eilert,g Diane M. Ignarg Paul R. Murdock, Klaudia Steplewski,h Andrew Green,Andrew J. Brown, Simon J. Dowell, Philip G. Szekeres, David G. Hassall, Fiona H. Marshall,a, j Shelagh Wilson, and Nicholas B. Pike<br />
Molecular Identification of High and Low Affinity Receptors for Nicotinic Acid, The journal of biological chemistry (2003) <br/><br />
[9] Georgies F. Mgode Bart J. Weetjens Thorben Nawrath, Christophe Cox, Maureen Jubitana, Robert S. Machang’, Stephan Cohen-Bacrie,e Marielle Bedotto, Michel Drancourt,e Stefan Schulz and Stefan H. E. Kaufmann, Diagnosis of Tuberculosis by Trained African Giant Pouched Rats and Confounding Impact of Pathogens and Microflora of the Respiratory Tract, Journal of clinical microbiology (2011) <br/><br />
[10] Mona Syhre, Stephen T. Chambers, The scent of Mycobacterium tuberculosis, Elsevier (2008)<br/><br />
[11 Valery Matarazzo, Olivier Clot-Faybesse, Brice Marcet, Gaelle Guiraudie-Capraz, Boriana Atanasova, Gerard Devauchelle, Martine Cerutti, Patrick Etievant and Catherine Ronin,Functional Characterization of Two Human Olfactory Receptors Expressed in the Baculovirus Sf9 Insect Cell System, Chem. Senses (2005).</h6><br/><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690" /><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/NotebookTeam:TU-Delft/Notebook2012-10-26T23:14:53Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TU-Delft/Scripts}}{{:Team:TU-Delft/CSS}}{{:Team:TU-Delft/menu}}<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>TUDelft - Leiden iGEM 2012</title><br />
<br />
<br />
<link rel="stylesheet" type="text/css" href="http://tudelftigem.nl/wiki/lightbox.css" media="screen" /><br />
<link href='http://fonts.googleapis.com/css?family=Francois+One&v2' rel='stylesheet' type='text/css'><br />
<br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/prototype.js"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/scriptaculous.js?load=effects,builder"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/lightbox.js"></script><br />
<br />
<script src="http://widgets.twimg.com/j/2/widget.js"></script><br />
<br />
<style type="text/css"><br />
<br />
<br />
#notebook-container{<br />
background: none;<br />
width:680px;<br />
margin: 40px 10px 10px 3px; /*top-right-bottom-left */<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:1;<br />
}<br />
<br />
#wetlab-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#wetlab-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_blue_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#modelling-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#modelling-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_orange_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#others-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#others-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_yellow_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
.notebook-header{<br />
position:relative;<br />
top:-20px;<br />
margin:-25px 0 0 -15px;<br />
}<br />
.notebook-weekno{<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
text-decoration:underline;<br />
}<br />
.notebook-txt{<br />
font-size:13px;<br />
margin:10px;<br />
}<br />
.notebook-divider{<br />
background: transparent;<br />
color: transparent;<br />
border-left: none;<br />
border-right: none;<br />
border-top: none;<br />
border-bottom: 3px dashed #10143a; /*diakekomenes lines among the weeks */<br />
width:64px;<br />
margin:40px auto 40px auto;<br />
}<br />
#notebook_submenu{<br />
position:absolute;<br />
top:0px;<br />
margin:0 auto;<br />
width:670px;<br />
height:35px;<br />
text-align:center;<br />
background:white;<br />
padding:0;<br />
}<br />
#notebook_submenu a{<br />
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; <br />
color:#10143a;<br />
font-size:12px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
margin:5px 0 0 0;<br />
}<br />
#notebook_submenu a:hover{<br />
color:#10143a;<br />
}<br />
#notebook-container a:link, a:active, a:visited{<br />
color:#10143a;<br />
text-decoration:none;<br />
font-weight:bold;<br />
}<br />
#notebook-container a:hover{<br />
color:#10143a;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<div style="height:30px; width:100%;"></div><br />
<a href="https://2012.igem.org/Main_Page" target="_blank"><div id="logo_igem2"></div><a/><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<br />
<br />
<div id="twitter_widget"><br />
<a href="http://www.thenewview.eu/igem/wiki/photos/close_button.png" onfocus='blur()' onclick='javascript:this.parentNode.style.display="none"; return false;'><img src="http://www.thenewview.eu/igem/wiki/photos/close_button.png" width="10" height="10" style="margin: 0 0 0 140px;" alt="close"></a><br />
<br />
<br />
<script><br />
new TWTR.Widget({<br />
version: 2,<br />
type: 'profile',<br />
rpp: 3,<br />
interval: 6000,<br />
width: '120',<br />
height: 210,<br />
theme: {<br />
shell: {<br />
background: '#fff',<br />
color: 'red'<br />
},<br />
tweets: {<br />
background: '#fff',<br />
color: '#10143a',<br />
links: '#00a6d6'<br />
}<br />
},<br />
features: {<br />
scrollbar: false,<br />
loop: false,<br />
live: true,<br />
hashtags: true,<br />
timestamp: true,<br />
avatars: false,<br />
behavior: 'all'<br />
}<br />
}).render().setUser('TudelftIgem2012').start();<br />
</script><br />
</div><br />
<br />
<!--<div id="social_linkall"><a href="http://bit.ly/qebk0N" target="_blank"><img src="http://homes.esat.kuleuven.be/~igemwiki/images/twitter_allmedia.png" width="120" height="35" border="0" /></a></div>--><br />
<br />
<!--<div id="social_icons"><object data="http://homes.esat.kuleuven.be/~igemwiki/html/social_icons.html" style="overflow:hidden;" type="text/html" width="110" height="24"></object></div>--><br />
<br />
<br />
<div id="notebook-container"><br />
<div id="notebook_submenu"><a href="https://2012.igem.org/Team:TU-Delft/Notebook" style="color:#10143a; border-bottom:2px solid #10143a;">Weekly notebook</a></div><br />
<br />
<!-- WETLAB PART --><br />
<div id="wetlab-column"><br />
<!--<div id="wetlab-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/e/e5/Wetlab2.jpg"></span><br><br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">The lab work has finally started!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">On Tuesday we ordered the constructs that we designed to let them synthesize. An exciting moment! Last check: are all the illegal restriction sites removed, is the gene in frame, is it codon-optimized, do we have the prefix and the suffix... yes? GO!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 24</span><br><br />
<span class="notebook-txt">We transformed the competent cells with pUC19 cells. This led to an equivalent amount of colonies in the positive and negative plate. Competent cells were made again. The top-10 cells with plasmids were grown in liquid LB and with a midiprep the plasmids were purified. We checked the vectors with DpnI and prefix/suffix enzymes, this led to results as expected. This week we investigated the possibility of growing yeasts and bacteria in the same culture using bacteriostatins to regulate bacterial growth (which grows quicker). We inoculated bacteria and yeasts separately in liquid YPD with tetracyclin and observed the growth curve using OD600. This led to a nice correlation of concentration and growth speed for bacteria, where yeast cells weren’t affected.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 25</span><br><br />
<span class="notebook-txt">Synthesized banana receptors came in! Competent cells where checked and no growth was detected, we decided to transform cells anyway with the banana receptor vectors (IDT smartAMP backbone). This led to a positive outcome and we picked colonies and grew them and isolated the plasmids. Primers were designed to generate a knock-out cassette for the genes ATF1, FAR1 and GPA1 with the pUG73 and pUG72 vectors. Also primers were designed around the multiple cloning site of pRS to check inserts.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 26</span><br><br />
<span class="notebook-txt">Primers arrived. Restriction of the banana receptors was performed. Vector pRS305 and two banana receptors were cut with EcoRI and PstI. The product was put on gel and the gel band with the proper size was cut out and purified. Then a ligation step was performed and the ligation product was transformed in Top10 cells. This didn’t give colonies. We tried the ligation step again and the second time it did lead to colonies. A colony was picked, grown in selective liquid media and after a day the plasmid was purified. A PCR reaction using the primers which checks the insert was performed. This didn’t led to results. A PCR reaction using pFX polymerase to amplify the pUG73 cassette with knock-out flanks also didn’t lead to results after a few tries. New primers (shorter ones) were ordered and also the pRS305 primers were redesigned to anneal ~200 bp from the multiple cloning site for optimal sequencing. Preparation for transformation of yeast cells with the knock-out cassette was performed. Further the I7 and I7-olf10 genes where amplified with a PCR reaction which flanks the gene with a kozak sequence and BamHI and NdeI sites. This facilitates the implementation of the gene between the promoter and terminator. Also the synthesized banana receptor genes where cut, gel extracted and ligated into the backbone. This led to many false positives. We performed the ligation step again and this time we confirmed the insert through restriction.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 27</span><br><br />
<span class="notebook-txt">We found out that pRS305 isn’t usable in our system since the leucine gene is completely removed in our strain and there is no origin of amplification for yeast on our plasmid. Therefore we ordered pRS315 and we contacted Mark Chee to see whether he could send us the renewed pRSII415 vectors which are also Biobrick compatible. G alpha pieces A and B arrived (the company couldn’t make it as a whole, so it is chopped up in pieces A, B, C and D). They were transformed in Top10 cells, grown and purified. When performing a restriction check we came to the conclusion a mistake had been made. The second time (same story) the bands of the restriction check where fine. New primers arrived to make the knockout cassette. A PCR with pFX polymerase to make the knock-out cassette was performed again. This time Gpa1 was successfully amplified. Yeast cells were grown and transformed with help of Daniel Solis Escalante. The cells where transformed with the gel purified Gpa1 knock-out DNA. After 2 days 3 colonies where seen and the colonies where grown in deficient media.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 28</span><br><br />
<span class="notebook-txt">Mark was at a festival here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 29</span><br><br />
<span class="notebook-txt">We got microscopy training! Mark, Sietske, Lizah, Eftychia, Marcel, Yifan and Menno were there! Daniel Lam was kind to show us around in the microscopy section of the Nanotechnology building of the university. There we performed a shmoo test (adding alpha factor in a yeast environment), but due to long waiting times the yeast cells didn’t seem shmoo-ish. The I7-receptor was ligated into the IDT vector which had a constitutive promoter (GPD) and terminator. We performed a few rounds of PCR on the yeast knock-out colonies. To see whether our method of preparing was correct we checked also with EukIF and Euk563 primers. This led to a positive result. Varying annealing conditions didn’t lead to results.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 30</span><br><br />
<span class="notebook-txt">The colonies of the knock-out where checked again using PCR on the yeast colonies. After a few rounds bands where seen as expected. For this to occur we had to extract the genomic DNA first by beading. We stored the Mat a –gpa1 –fus1 strain. We further experimented with PCR condition to make an ATF1 and GPA1 knockout cassette (to complete the universal platform study). Also we cloned the banana receptor in the pRS415 vector, but no insert was seen. Because we concluded it is hard to distinguish between a single and double cut (very close together when put on a gel for extraction), we took one positive colony (with insert) and use that as template for further cloning.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt">Mark was at Berlin and Warsaw here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">A banana receptor and HKUST I7-olf10 transformed yeast cells were checked on presence of plasmid by PCR on the yeast colonies. This led to positive results. To continue we performed a transformation with the niacin receptor, another banana receptor in –far1 knockout yeast and a wildtype strain. To get a nice representation and conclusion of our knockout strain –far1, -gpa1 we’ve performed a PCR using genomic DNA of the yeast. Further we have begun cloning yeast Biobrick genes mOrange and Venus YFP to get multiple color outputs. First a PCR reaction with pFX polymerase and the biobrick is performed to add res. Enz. Sites to the gene.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33</span><br><br />
<span class="notebook-txt">We used a technique called TOPO cloning to attach the PCR product (elongated color gene) into a backbone for easier cutting. After ligation these products are transformed. This resulted in colonies for mOrange, but not for YFP. The EGFP-TOPO is cut but very vague bands could be seen when put on gel. Therefore EGFP is amplified again in Top10 cells and isolated. <hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34</span><br><br />
<span class="notebook-txt">EGFP in Topo is cut with NdeI and BamHI and ligated into two vectors, pRS415II between promoter GPD and terminator CYC1 and in IDT-smartAmp between promoter FUS1 and terminator ADH1. Transformation of the ligation product led to colonies which were checked on inserts using EGFP primers. <br />
Further, yeast cells containing I7-olf10 receptor and one of the banana receptor plasmid where grown and plasmids were isolated (using zymolase) and used for PCR reaction to see whether the receptor gene was still intact. This wasn’t the case, the insert has shortened from 1500 to ~500 nt. With the banana receptors 3 bands could be distinguished (original, somewhat shortened and the ~500 nt band). We have decided to immediately after transformation inoculate a grown colony of yeast and freeze it after a day. From there we only have to use that strain.</span><br />
<hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 42</span><br><br />
<span class="notebook-txt">Succeding better localization in the membrane! </span><br />
<br />
<br />
</div><br />
<br />
<!-- END WETLAB PART --><br />
<br />
<!-- MODELLING PART --><br />
<br />
<div id="modelling-column"><br />
<!--<div id="modelling-column-end"> </div>--><br />
<span class="notebook-header"> <img src="https://static.igem.org/mediawiki/igem.org/9/97/Modeling2.jpg"></span><br><br />
<br />
<span class="notebook-txt" ><h1 style="color:#fe2626;"><em><a href='https://2012.igem.org/Team:TU-Delft/brainstorming' target="_blank">brainstorming session</a></em></h1></span><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">The diffusion model is complete and will be adapted according to the <br />
experiment design. The biochemical model structure has been designed, the modellers will be <br />
busy trying to fit the model to data this week and replicate the pheromone response<br />
The Bioinformatics model for checking the ligand binding is in it's design phase, we are hoping<br />
to get it ready in three weeks time</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt"> The reduced model of the pathway is complete and the responses are similar to those obtained from the paper. The next week will be spent doing some analysis of the model and then look to incorporate stochasticity into the model </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">Last week the structural modeling got a nice boost! A member of the SARA institute helped us out in setting up Virtual Machines to execute our Molecular Dynamics Simulations. With the results of these simulations, certain point-mutations in the DNA sequence of the receptor and specific chemicals, we will be able to determine how the ligand will be docked in the niacin receptor. From there, we might be able to engineer a receptor with higher affinity for our ligand.</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 37</span><br><br />
<span class="notebook-txt">Modelling wiki pages under construction!!</span> </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 41</span><br><br />
<span class="notebook-txt">Getting a Gold Medal from the European Jamboree in Amsterdam we are back to work! Our Snifferometer starts getting form!</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 43</span><br><br />
<span class="notebook-txt">Before the 2nd wiki freeze: <br/> Snifferomyces working: check <br/> Snifferomyter working: check <br/> Research around ethics done: check <br/><br />
wonderful!<br />
</span></span><br />
<br />
</div><br />
<br />
<!-- END MODELLING PART --><br />
<br />
<!-- GENERAL PART --><br />
<br />
<div id="others-column"><br />
<!--<div id="others-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/f/f2/Notebook_general2.jpg"></span><br><br />
<br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">2-6-2012 Eftychia, Yifan and Mark representing our group partipate at <a href="http://www.denachtvankunstenwetenschap.nl/">De Nacht van Kunst & Wetenschap</a>!!! It was great experience. We had 3 games: "smelling game" where people had to guess each odor and write down their predictions, the "lego receptor" showing how the receptor can match only with a specific molecule and one more game showing the fluorescence produced when a compound comes in contact with yeast. It was so exciting that more and more people were willing to know more about our project! </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23 </span><br><br />
<span class="notebook-txt"><br />
This Monday Esengul, Marcel and Sietske traveled to the south of the country to go to the opening of the Biobased Kidshouse at the <b>Floriade</b>. We did a workshop with the children where they could make a necklace with their own DNA in it. It was a very, very rainy day but the faces of the children when they saw their own DNA precipitate, was all worth it!</span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 28 </span><br><br />
<span class="notebook-txt"><br />
Our first real week! We are working on our <b>Llowlab</b> plan, which is a part of Lowlands where the theme is 'FASTEN YOUR FUTURE!' it is a floating laboratory where Lowlands provides a stage for sustainable initiatives, new techniques and vigorous discussions. So we are going to show them Synthetic Biology! And with a estimated amount of visitors at 45.000 for Lowlands, it must be a big success! For more info on Llowlab you can go to: http://www.llowlab.nl/ <br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 29 </span><br><br />
<span class="notebook-txt"><br />
Our second summer holiday week of iGEM! We are trying really hard to get enough funding and having a lot of video-moments with Frank Theys.<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 30 </span><br><br />
<span class="notebook-txt"><br />
<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31 </span><br><br />
<span class="notebook-txt">Check out the logo that Lizah prepared this week for our team that will participate in <a href="http://www.llowlab.nl/">LlowLab</a>!! <br/><br/> <a href="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" ><img src="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" width="170" height="160" border="0" /></a> </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32 </span><br><br />
<span class="notebook-txt">We are really working on our Llowlab project now! It has to be finished since we are leaving on thursday next week. It's a lot of sawing, sanding, painting!<br />
On friday we had a nice dutch friday-afternoon-drink, we played darts, had a drink and really enjoyed ourselves! You might have seen some nice pictures on facebook, like the dart the Isabelle threw in the bulls eye, unfortunately her next to throws ended up next to the dartboard..<br />
</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33 </span><br><br />
There is a little bit of stress now ending the Llowlab game! Some mistakes have been made with painting and the spray paint stopped while working on the last few blocks! Wednesday Menno and Mark were working on the game until half past 8! But it all turned out well and thursday at noon we'll leave at noon to Biddinghuizen, were Llowlab will take place. <br />
<span class="notebook-txt"></span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34 </span><br><br />
<span class="notebook-txt">The fun is over, well, Lowlands is over. We think we made a good impression at Llowlab. We introduced many people to synthetic biology by offering a crash course supported by the game we designed and the <a href="http://www.cafepress.com/mf/70975437/snifferomyces-igem-tu-delft-2012_tshirt#" target="_blank">T-Shirt</a>. Now back to the lab to get evidence of the nice story we told.</span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 43 </span><br><br />
<span class="notebook-txt">Inteeviewing Doctors about our TB diagnostic tool. </span><br />
<br />
<br />
<!--<span class="notebook-weekno">After European Jamboree</span><br><br />
<span class="notebook-txt">Now the wiki's unfrozen we continued our project.</span> <br />
<hr class="notebook-divider">--><br />
<br />
<br />
<!-- END GENERAL PART --><br />
<br />
<br />
<br />
</body><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/NotebookTeam:TU-Delft/Notebook2012-10-26T23:10:04Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TU-Delft/Scripts}}{{:Team:TU-Delft/CSS}}{{:Team:TU-Delft/menu}}<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>TUDelft - Leiden iGEM 2012</title><br />
<br />
<br />
<link rel="stylesheet" type="text/css" href="http://tudelftigem.nl/wiki/lightbox.css" media="screen" /><br />
<link href='http://fonts.googleapis.com/css?family=Francois+One&v2' rel='stylesheet' type='text/css'><br />
<br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/prototype.js"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/scriptaculous.js?load=effects,builder"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/lightbox.js"></script><br />
<br />
<script src="http://widgets.twimg.com/j/2/widget.js"></script><br />
<br />
<style type="text/css"><br />
<br />
<br />
#notebook-container{<br />
background: none;<br />
width:680px;<br />
margin: 40px 10px 10px 3px; /*top-right-bottom-left */<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:1;<br />
}<br />
<br />
#wetlab-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#wetlab-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_blue_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#modelling-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#modelling-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_orange_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#others-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#others-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_yellow_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
.notebook-header{<br />
position:relative;<br />
top:-20px;<br />
margin:-25px 0 0 -15px;<br />
}<br />
.notebook-weekno{<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
text-decoration:underline;<br />
}<br />
.notebook-txt{<br />
font-size:13px;<br />
margin:10px;<br />
}<br />
.notebook-divider{<br />
background: transparent;<br />
color: transparent;<br />
border-left: none;<br />
border-right: none;<br />
border-top: none;<br />
border-bottom: 3px dashed #10143a; /*diakekomenes lines among the weeks */<br />
width:64px;<br />
margin:40px auto 40px auto;<br />
}<br />
#notebook_submenu{<br />
position:absolute;<br />
top:0px;<br />
margin:0 auto;<br />
width:670px;<br />
height:35px;<br />
text-align:center;<br />
background:white;<br />
padding:0;<br />
}<br />
#notebook_submenu a{<br />
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; <br />
color:#10143a;<br />
font-size:12px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
margin:5px 0 0 0;<br />
}<br />
#notebook_submenu a:hover{<br />
color:#10143a;<br />
}<br />
#notebook-container a:link, a:active, a:visited{<br />
color:#10143a;<br />
text-decoration:none;<br />
font-weight:bold;<br />
}<br />
#notebook-container a:hover{<br />
color:#10143a;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<div style="height:30px; width:100%;"></div><br />
<a href="https://2012.igem.org/Main_Page" target="_blank"><div id="logo_igem2"></div><a/><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<br />
<br />
<div id="twitter_widget"><br />
<a href="http://www.thenewview.eu/igem/wiki/photos/close_button.png" onfocus='blur()' onclick='javascript:this.parentNode.style.display="none"; return false;'><img src="http://www.thenewview.eu/igem/wiki/photos/close_button.png" width="10" height="10" style="margin: 0 0 0 140px;" alt="close"></a><br />
<br />
<br />
<script><br />
new TWTR.Widget({<br />
version: 2,<br />
type: 'profile',<br />
rpp: 3,<br />
interval: 6000,<br />
width: '120',<br />
height: 210,<br />
theme: {<br />
shell: {<br />
background: '#fff',<br />
color: 'red'<br />
},<br />
tweets: {<br />
background: '#fff',<br />
color: '#10143a',<br />
links: '#00a6d6'<br />
}<br />
},<br />
features: {<br />
scrollbar: false,<br />
loop: false,<br />
live: true,<br />
hashtags: true,<br />
timestamp: true,<br />
avatars: false,<br />
behavior: 'all'<br />
}<br />
}).render().setUser('TudelftIgem2012').start();<br />
</script><br />
</div><br />
<br />
<!--<div id="social_linkall"><a href="http://bit.ly/qebk0N" target="_blank"><img src="http://homes.esat.kuleuven.be/~igemwiki/images/twitter_allmedia.png" width="120" height="35" border="0" /></a></div>--><br />
<br />
<!--<div id="social_icons"><object data="http://homes.esat.kuleuven.be/~igemwiki/html/social_icons.html" style="overflow:hidden;" type="text/html" width="110" height="24"></object></div>--><br />
<br />
<br />
<div id="notebook-container"><br />
<div id="notebook_submenu"><a href="https://2012.igem.org/Team:TU-Delft/Notebook" style="color:#10143a; border-bottom:2px solid #10143a;">Weekly notebook</a></div><br />
<br />
<!-- WETLAB PART --><br />
<div id="wetlab-column"><br />
<!--<div id="wetlab-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/e/e5/Wetlab2.jpg"></span><br><br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">The lab work has finally started!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">On Tuesday we ordered the constructs that we designed to let them synthesize. An exciting moment! Last check: are all the illegal restriction sites removed, is the gene in frame, is it codon-optimized, do we have the prefix and the suffix... yes? GO!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 24</span><br><br />
<span class="notebook-txt">We transformed the competent cells with pUC19 cells. This led to an equivalent amount of colonies in the positive and negative plate. Competent cells were made again. The top-10 cells with plasmids were grown in liquid LB and with a midiprep the plasmids were purified. We checked the vectors with DpnI and prefix/suffix enzymes, this led to results as expected. This week we investigated the possibility of growing yeasts and bacteria in the same culture using bacteriostatins to regulate bacterial growth (which grows quicker). We inoculated bacteria and yeasts separately in liquid YPD with tetracyclin and observed the growth curve using OD600. This led to a nice correlation of concentration and growth speed for bacteria, where yeast cells weren’t affected.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 25</span><br><br />
<span class="notebook-txt">Synthesized banana receptors came in! Competent cells where checked and no growth was detected, we decided to transform cells anyway with the banana receptor vectors (IDT smartAMP backbone). This led to a positive outcome and we picked colonies and grew them and isolated the plasmids. Primers were designed to generate a knock-out cassette for the genes ATF1, FAR1 and GPA1 with the pUG73 and pUG72 vectors. Also primers were designed around the multiple cloning site of pRS to check inserts.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 26</span><br><br />
<span class="notebook-txt">Primers arrived. Restriction of the banana receptors was performed. Vector pRS305 and two banana receptors were cut with EcoRI and PstI. The product was put on gel and the gel band with the proper size was cut out and purified. Then a ligation step was performed and the ligation product was transformed in Top10 cells. This didn’t give colonies. We tried the ligation step again and the second time it did lead to colonies. A colony was picked, grown in selective liquid media and after a day the plasmid was purified. A PCR reaction using the primers which checks the insert was performed. This didn’t led to results. A PCR reaction using pFX polymerase to amplify the pUG73 cassette with knock-out flanks also didn’t lead to results after a few tries. New primers (shorter ones) were ordered and also the pRS305 primers were redesigned to anneal ~200 bp from the multiple cloning site for optimal sequencing. Preparation for transformation of yeast cells with the knock-out cassette was performed. Further the I7 and I7-olf10 genes where amplified with a PCR reaction which flanks the gene with a kozak sequence and BamHI and NdeI sites. This facilitates the implementation of the gene between the promoter and terminator. Also the synthesized banana receptor genes where cut, gel extracted and ligated into the backbone. This led to many false positives. We performed the ligation step again and this time we confirmed the insert through restriction.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 27</span><br><br />
<span class="notebook-txt">We found out that pRS305 isn’t usable in our system since the leucine gene is completely removed in our strain and there is no origin of amplification for yeast on our plasmid. Therefore we ordered pRS315 and we contacted Mark Chee to see whether he could send us the renewed pRSII415 vectors which are also Biobrick compatible. G alpha pieces A and B arrived (the company couldn’t make it as a whole, so it is chopped up in pieces A, B, C and D). They were transformed in Top10 cells, grown and purified. When performing a restriction check we came to the conclusion a mistake had been made. The second time (same story) the bands of the restriction check where fine. New primers arrived to make the knockout cassette. A PCR with pFX polymerase to make the knock-out cassette was performed again. This time Gpa1 was successfully amplified. Yeast cells were grown and transformed with help of Daniel Solis Escalante. The cells where transformed with the gel purified Gpa1 knock-out DNA. After 2 days 3 colonies where seen and the colonies where grown in deficient media.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 28</span><br><br />
<span class="notebook-txt">Mark was at a festival here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 29</span><br><br />
<span class="notebook-txt">We got microscopy training! Mark, Sietske, Lizah, Eftychia, Marcel, Yifan and Menno were there! Daniel Lam was kind to show us around in the microscopy section of the Nanotechnology building of the university. There we performed a shmoo test (adding alpha factor in a yeast environment), but due to long waiting times the yeast cells didn’t seem shmoo-ish. The I7-receptor was ligated into the IDT vector which had a constitutive promoter (GPD) and terminator. We performed a few rounds of PCR on the yeast knock-out colonies. To see whether our method of preparing was correct we checked also with EukIF and Euk563 primers. This led to a positive result. Varying annealing conditions didn’t lead to results.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 30</span><br><br />
<span class="notebook-txt">The colonies of the knock-out where checked again using PCR on the yeast colonies. After a few rounds bands where seen as expected. For this to occur we had to extract the genomic DNA first by beading. We stored the Mat a –gpa1 –fus1 strain. We further experimented with PCR condition to make an ATF1 and GPA1 knockout cassette (to complete the universal platform study). Also we cloned the banana receptor in the pRS415 vector, but no insert was seen. Because we concluded it is hard to distinguish between a single and double cut (very close together when put on a gel for extraction), we took one positive colony (with insert) and use that as template for further cloning.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt">Mark was at Berlin and Warsaw here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">A banana receptor and HKUST I7-olf10 transformed yeast cells were checked on presence of plasmid by PCR on the yeast colonies. This led to positive results. To continue we performed a transformation with the niacin receptor, another banana receptor in –far1 knockout yeast and a wildtype strain. To get a nice representation and conclusion of our knockout strain –far1, -gpa1 we’ve performed a PCR using genomic DNA of the yeast. Further we have begun cloning yeast Biobrick genes mOrange and Venus YFP to get multiple color outputs. First a PCR reaction with pFX polymerase and the biobrick is performed to add res. Enz. Sites to the gene.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33</span><br><br />
<span class="notebook-txt">We used a technique called TOPO cloning to attach the PCR product (elongated color gene) into a backbone for easier cutting. After ligation these products are transformed. This resulted in colonies for mOrange, but not for YFP. The EGFP-TOPO is cut but very vague bands could be seen when put on gel. Therefore EGFP is amplified again in Top10 cells and isolated. <hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34</span><br><br />
<span class="notebook-txt">EGFP in Topo is cut with NdeI and BamHI and ligated into two vectors, pRS415II between promoter GPD and terminator CYC1 and in IDT-smartAmp between promoter FUS1 and terminator ADH1. Transformation of the ligation product led to colonies which were checked on inserts using EGFP primers. <br />
Further, yeast cells containing I7-olf10 receptor and one of the banana receptor plasmid where grown and plasmids were isolated (using zymolase) and used for PCR reaction to see whether the receptor gene was still intact. This wasn’t the case, the insert has shortened from 1500 to ~500 nt. With the banana receptors 3 bands could be distinguished (original, somewhat shortened and the ~500 nt band). We have decided to immediately after transformation inoculate a grown colony of yeast and freeze it after a day. From there we only have to use that strain.</span><br />
<hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 42</span><br><br />
<span class="notebook-txt">Succeding better localization in the membrane! </span><br />
<br />
<br />
</div><br />
<br />
<!-- END WETLAB PART --><br />
<br />
<!-- MODELLING PART --><br />
<br />
<div id="modelling-column"><br />
<!--<div id="modelling-column-end"> </div>--><br />
<span class="notebook-header"> <img src="https://static.igem.org/mediawiki/igem.org/9/97/Modeling2.jpg"></span><br><br />
<br />
<span class="notebook-txt" ><h1 style="color:#fe2626;"><em><a href='https://2012.igem.org/Team:TU-Delft/brainstorming' target="_blank">brainstorming session</a></em></h1></span><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">The diffusion model is complete and will be adapted according to the <br />
experiment design. The biochemical model structure has been designed, the modellers will be <br />
busy trying to fit the model to data this week and replicate the pheromone response<br />
The Bioinformatics model for checking the ligand binding is in it's design phase, we are hoping<br />
to get it ready in three weeks time</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt"> The reduced model of the pathway is complete and the responses are similar to those obtained from the paper. The next week will be spent doing some analysis of the model and then look to incorporate stochasticity into the model </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">Last week the structural modeling got a nice boost! A member of the SARA institute helped us out in setting up Virtual Machines to execute our Molecular Dynamics Simulations. With the results of these simulations, certain point-mutations in the DNA sequence of the receptor and specific chemicals, we will be able to determine how the ligand will be docked in the niacin receptor. From there, we might be able to engineer a receptor with higher affinity for our ligand.</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 37</span><br><br />
<span class="notebook-txt">Modelling wiki pages under construction!!</span> </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 41</span><br><br />
<span class="notebook-txt">Getting a Gold Medal from the European Jamboree in Amsterdam we are back to work! Our Snifferometer starts getting form!</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 43</span><br><br />
<span class="notebook-txt">Before the 2nd wiki freeze: <br/> Snifferomyces working: check <br/> Snifferomyter working: check <br/> Research around ethics done: check <br/><br />
wonderful!<br />
</span></span><br />
<br />
</div><br />
<br />
<!-- END MODELLING PART --><br />
<br />
<!-- GENERAL PART --><br />
<br />
<div id="others-column"><br />
<!--<div id="others-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/f/f2/Notebook_general2.jpg"></span><br><br />
<br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">2-6-2012 Eftychia, Yifan and Mark representing our group partipate at <a href="http://www.denachtvankunstenwetenschap.nl/">De Nacht van Kunst & Wetenschap</a>!!! It was great experience. We had 3 games: "smelling game" where people had to guess each odor and write down their predictions, the "lego receptor" showing how the receptor can match only with a specific molecule and one more game showing the fluorescence produced when a compound comes in contact with yeast. It was so exciting that more and more people were willing to know more about our project! </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23 </span><br><br />
<span class="notebook-txt"><br />
This Monday Esengul, Marcel and Sietske traveled to the south of the country to go to the opening of the Biobased Kidshouse at the <b>Floriade</b>. We did a workshop with the children where they could make a necklace with their own DNA in it. It was a very, very rainy day but the faces of the children when they saw their own DNA precipitate, was all worth it!</span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 28 </span><br><br />
<span class="notebook-txt"><br />
Our first real week! We are working on our <b>Llowlab</b> plan, which is a part of Lowlands where the theme is 'FASTEN YOUR FUTURE!' it is a floating laboratory where Lowlands provides a stage for sustainable initiatives, new techniques and vigorous discussions. So we are going to show them Synthetic Biology! And with a estimated amount of visitors at 45.000 for Lowlands, it must be a big success! For more info on Llowlab you can go to: http://www.llowlab.nl/ <br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 29 </span><br><br />
<span class="notebook-txt"><br />
Our second summer holiday week of iGEM! We are trying really hard to get enough funding and having a lot of video-moments with Frank Theys.<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 30 </span><br><br />
<span class="notebook-txt"><br />
<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31 </span><br><br />
<span class="notebook-txt">Check out the logo that Lizah prepared this week for our team that will participate in <a href="http://www.llowlab.nl/">LlowLab</a>!! <br/><br/> <a href="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" ><img src="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" width="170" height="160" border="0" /></a> </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32 </span><br><br />
<span class="notebook-txt">We are really working on our Llowlab project now! It has to be finished since we are leaving on thursday next week. It's a lot of sawing, sanding, painting!<br />
On friday we had a nice dutch friday-afternoon-drink, we played darts, had a drink and really enjoyed ourselves! You might have seen some nice pictures on facebook, like the dart the Isabelle threw in the bulls eye, unfortunately her next to throws ended up next to the dartboard..<br />
</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33 </span><br><br />
There is a little bit of stress now ending the Llowlab game! Some mistakes have been made with painting and the spray paint stopped while working on the last few blocks! Wednesday Menno and Mark were working on the game until half past 8! But it all turned out well and thursday at noon we'll leave at noon to Biddinghuizen, were Llowlab will take place. <br />
<span class="notebook-txt"></span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34 </span><br><br />
<span class="notebook-txt">The fun is over, well, Lowlands is over. We think we made a good impression at Llowlab. We introduced many people to synthetic biology by offering a crash course supported by the game we designed and the <a href="http://www.cafepress.com/mf/70975437/snifferomyces-igem-tu-delft-2012_tshirt#" target="_blank">T-Shirt</a>. Now back to the lab to get evidence of the nice story we told.</span><br />
<br />
<br />
<br />
<br />
<br />
<!--<span class="notebook-weekno">After European Jamboree</span><br><br />
<span class="notebook-txt">Now the wiki's unfrozen we continued our project.</span> <br />
<hr class="notebook-divider">--><br />
<br />
<br />
<!-- END GENERAL PART --><br />
<br />
<br />
<br />
</body><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/NotebookTeam:TU-Delft/Notebook2012-10-26T23:08:33Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TU-Delft/Scripts}}{{:Team:TU-Delft/CSS}}{{:Team:TU-Delft/menu}}<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>TUDelft - Leiden iGEM 2012</title><br />
<br />
<br />
<link rel="stylesheet" type="text/css" href="http://tudelftigem.nl/wiki/lightbox.css" media="screen" /><br />
<link href='http://fonts.googleapis.com/css?family=Francois+One&v2' rel='stylesheet' type='text/css'><br />
<br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/prototype.js"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/scriptaculous.js?load=effects,builder"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/lightbox.js"></script><br />
<br />
<script src="http://widgets.twimg.com/j/2/widget.js"></script><br />
<br />
<style type="text/css"><br />
<br />
<br />
#notebook-container{<br />
background: none;<br />
width:680px;<br />
margin: 40px 10px 10px 3px; /*top-right-bottom-left */<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:1;<br />
}<br />
<br />
#wetlab-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#wetlab-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_blue_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#modelling-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#modelling-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_orange_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#others-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#others-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_yellow_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
.notebook-header{<br />
position:relative;<br />
top:-20px;<br />
margin:-25px 0 0 -15px;<br />
}<br />
.notebook-weekno{<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
text-decoration:underline;<br />
}<br />
.notebook-txt{<br />
font-size:13px;<br />
margin:10px;<br />
}<br />
.notebook-divider{<br />
background: transparent;<br />
color: transparent;<br />
border-left: none;<br />
border-right: none;<br />
border-top: none;<br />
border-bottom: 3px dashed #10143a; /*diakekomenes lines among the weeks */<br />
width:64px;<br />
margin:40px auto 40px auto;<br />
}<br />
#notebook_submenu{<br />
position:absolute;<br />
top:0px;<br />
margin:0 auto;<br />
width:670px;<br />
height:35px;<br />
text-align:center;<br />
background:white;<br />
padding:0;<br />
}<br />
#notebook_submenu a{<br />
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; <br />
color:#10143a;<br />
font-size:12px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
margin:5px 0 0 0;<br />
}<br />
#notebook_submenu a:hover{<br />
color:#10143a;<br />
}<br />
#notebook-container a:link, a:active, a:visited{<br />
color:#10143a;<br />
text-decoration:none;<br />
font-weight:bold;<br />
}<br />
#notebook-container a:hover{<br />
color:#10143a;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<div style="height:30px; width:100%;"></div><br />
<a href="https://2012.igem.org/Main_Page" target="_blank"><div id="logo_igem2"></div><a/><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<br />
<br />
<div id="twitter_widget"><br />
<a href="http://www.thenewview.eu/igem/wiki/photos/close_button.png" onfocus='blur()' onclick='javascript:this.parentNode.style.display="none"; return false;'><img src="http://www.thenewview.eu/igem/wiki/photos/close_button.png" width="10" height="10" style="margin: 0 0 0 140px;" alt="close"></a><br />
<br />
<br />
<script><br />
new TWTR.Widget({<br />
version: 2,<br />
type: 'profile',<br />
rpp: 3,<br />
interval: 6000,<br />
width: '120',<br />
height: 210,<br />
theme: {<br />
shell: {<br />
background: '#fff',<br />
color: 'red'<br />
},<br />
tweets: {<br />
background: '#fff',<br />
color: '#10143a',<br />
links: '#00a6d6'<br />
}<br />
},<br />
features: {<br />
scrollbar: false,<br />
loop: false,<br />
live: true,<br />
hashtags: true,<br />
timestamp: true,<br />
avatars: false,<br />
behavior: 'all'<br />
}<br />
}).render().setUser('TudelftIgem2012').start();<br />
</script><br />
</div><br />
<br />
<!--<div id="social_linkall"><a href="http://bit.ly/qebk0N" target="_blank"><img src="http://homes.esat.kuleuven.be/~igemwiki/images/twitter_allmedia.png" width="120" height="35" border="0" /></a></div>--><br />
<br />
<!--<div id="social_icons"><object data="http://homes.esat.kuleuven.be/~igemwiki/html/social_icons.html" style="overflow:hidden;" type="text/html" width="110" height="24"></object></div>--><br />
<br />
<br />
<div id="notebook-container"><br />
<div id="notebook_submenu"><a href="https://2012.igem.org/Team:TU-Delft/Notebook" style="color:#10143a; border-bottom:2px solid #10143a;">Weekly notebook</a></div><br />
<br />
<!-- WETLAB PART --><br />
<div id="wetlab-column"><br />
<!--<div id="wetlab-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/e/e5/Wetlab2.jpg"></span><br><br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">The lab work has finally started!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">On Tuesday we ordered the constructs that we designed to let them synthesize. An exciting moment! Last check: are all the illegal restriction sites removed, is the gene in frame, is it codon-optimized, do we have the prefix and the suffix... yes? GO!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 24</span><br><br />
<span class="notebook-txt">We transformed the competent cells with pUC19 cells. This led to an equivalent amount of colonies in the positive and negative plate. Competent cells were made again. The top-10 cells with plasmids were grown in liquid LB and with a midiprep the plasmids were purified. We checked the vectors with DpnI and prefix/suffix enzymes, this led to results as expected. This week we investigated the possibility of growing yeasts and bacteria in the same culture using bacteriostatins to regulate bacterial growth (which grows quicker). We inoculated bacteria and yeasts separately in liquid YPD with tetracyclin and observed the growth curve using OD600. This led to a nice correlation of concentration and growth speed for bacteria, where yeast cells weren’t affected.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 25</span><br><br />
<span class="notebook-txt">Synthesized banana receptors came in! Competent cells where checked and no growth was detected, we decided to transform cells anyway with the banana receptor vectors (IDT smartAMP backbone). This led to a positive outcome and we picked colonies and grew them and isolated the plasmids. Primers were designed to generate a knock-out cassette for the genes ATF1, FAR1 and GPA1 with the pUG73 and pUG72 vectors. Also primers were designed around the multiple cloning site of pRS to check inserts.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 26</span><br><br />
<span class="notebook-txt">Primers arrived. Restriction of the banana receptors was performed. Vector pRS305 and two banana receptors were cut with EcoRI and PstI. The product was put on gel and the gel band with the proper size was cut out and purified. Then a ligation step was performed and the ligation product was transformed in Top10 cells. This didn’t give colonies. We tried the ligation step again and the second time it did lead to colonies. A colony was picked, grown in selective liquid media and after a day the plasmid was purified. A PCR reaction using the primers which checks the insert was performed. This didn’t led to results. A PCR reaction using pFX polymerase to amplify the pUG73 cassette with knock-out flanks also didn’t lead to results after a few tries. New primers (shorter ones) were ordered and also the pRS305 primers were redesigned to anneal ~200 bp from the multiple cloning site for optimal sequencing. Preparation for transformation of yeast cells with the knock-out cassette was performed. Further the I7 and I7-olf10 genes where amplified with a PCR reaction which flanks the gene with a kozak sequence and BamHI and NdeI sites. This facilitates the implementation of the gene between the promoter and terminator. Also the synthesized banana receptor genes where cut, gel extracted and ligated into the backbone. This led to many false positives. We performed the ligation step again and this time we confirmed the insert through restriction.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 27</span><br><br />
<span class="notebook-txt">We found out that pRS305 isn’t usable in our system since the leucine gene is completely removed in our strain and there is no origin of amplification for yeast on our plasmid. Therefore we ordered pRS315 and we contacted Mark Chee to see whether he could send us the renewed pRSII415 vectors which are also Biobrick compatible. G alpha pieces A and B arrived (the company couldn’t make it as a whole, so it is chopped up in pieces A, B, C and D). They were transformed in Top10 cells, grown and purified. When performing a restriction check we came to the conclusion a mistake had been made. The second time (same story) the bands of the restriction check where fine. New primers arrived to make the knockout cassette. A PCR with pFX polymerase to make the knock-out cassette was performed again. This time Gpa1 was successfully amplified. Yeast cells were grown and transformed with help of Daniel Solis Escalante. The cells where transformed with the gel purified Gpa1 knock-out DNA. After 2 days 3 colonies where seen and the colonies where grown in deficient media.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 28</span><br><br />
<span class="notebook-txt">Mark was at a festival here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 29</span><br><br />
<span class="notebook-txt">We got microscopy training! Mark, Sietske, Lizah, Eftychia, Marcel, Yifan and Menno were there! Daniel Lam was kind to show us around in the microscopy section of the Nanotechnology building of the university. There we performed a shmoo test (adding alpha factor in a yeast environment), but due to long waiting times the yeast cells didn’t seem shmoo-ish. The I7-receptor was ligated into the IDT vector which had a constitutive promoter (GPD) and terminator. We performed a few rounds of PCR on the yeast knock-out colonies. To see whether our method of preparing was correct we checked also with EukIF and Euk563 primers. This led to a positive result. Varying annealing conditions didn’t lead to results.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 30</span><br><br />
<span class="notebook-txt">The colonies of the knock-out where checked again using PCR on the yeast colonies. After a few rounds bands where seen as expected. For this to occur we had to extract the genomic DNA first by beading. We stored the Mat a –gpa1 –fus1 strain. We further experimented with PCR condition to make an ATF1 and GPA1 knockout cassette (to complete the universal platform study). Also we cloned the banana receptor in the pRS415 vector, but no insert was seen. Because we concluded it is hard to distinguish between a single and double cut (very close together when put on a gel for extraction), we took one positive colony (with insert) and use that as template for further cloning.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt">Mark was at Berlin and Warsaw here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">A banana receptor and HKUST I7-olf10 transformed yeast cells were checked on presence of plasmid by PCR on the yeast colonies. This led to positive results. To continue we performed a transformation with the niacin receptor, another banana receptor in –far1 knockout yeast and a wildtype strain. To get a nice representation and conclusion of our knockout strain –far1, -gpa1 we’ve performed a PCR using genomic DNA of the yeast. Further we have begun cloning yeast Biobrick genes mOrange and Venus YFP to get multiple color outputs. First a PCR reaction with pFX polymerase and the biobrick is performed to add res. Enz. Sites to the gene.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33</span><br><br />
<span class="notebook-txt">We used a technique called TOPO cloning to attach the PCR product (elongated color gene) into a backbone for easier cutting. After ligation these products are transformed. This resulted in colonies for mOrange, but not for YFP. The EGFP-TOPO is cut but very vague bands could be seen when put on gel. Therefore EGFP is amplified again in Top10 cells and isolated. <hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34</span><br><br />
<span class="notebook-txt">EGFP in Topo is cut with NdeI and BamHI and ligated into two vectors, pRS415II between promoter GPD and terminator CYC1 and in IDT-smartAmp between promoter FUS1 and terminator ADH1. Transformation of the ligation product led to colonies which were checked on inserts using EGFP primers. <br />
Further, yeast cells containing I7-olf10 receptor and one of the banana receptor plasmid where grown and plasmids were isolated (using zymolase) and used for PCR reaction to see whether the receptor gene was still intact. This wasn’t the case, the insert has shortened from 1500 to ~500 nt. With the banana receptors 3 bands could be distinguished (original, somewhat shortened and the ~500 nt band). We have decided to immediately after transformation inoculate a grown colony of yeast and freeze it after a day. From there we only have to use that strain.</span><br />
<br />
<span class="notebook-weekno">Week 42</span><br><br />
<span class="notebook-txt">Succeding better localization in the membrane! </span><br />
<br />
<br />
</div><br />
<br />
<!-- END WETLAB PART --><br />
<br />
<!-- MODELLING PART --><br />
<br />
<div id="modelling-column"><br />
<!--<div id="modelling-column-end"> </div>--><br />
<span class="notebook-header"> <img src="https://static.igem.org/mediawiki/igem.org/9/97/Modeling2.jpg"></span><br><br />
<br />
<span class="notebook-txt" ><h1 style="color:#fe2626;"><em><a href='https://2012.igem.org/Team:TU-Delft/brainstorming' target="_blank">brainstorming session</a></em></h1></span><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">The diffusion model is complete and will be adapted according to the <br />
experiment design. The biochemical model structure has been designed, the modellers will be <br />
busy trying to fit the model to data this week and replicate the pheromone response<br />
The Bioinformatics model for checking the ligand binding is in it's design phase, we are hoping<br />
to get it ready in three weeks time</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt"> The reduced model of the pathway is complete and the responses are similar to those obtained from the paper. The next week will be spent doing some analysis of the model and then look to incorporate stochasticity into the model </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">Last week the structural modeling got a nice boost! A member of the SARA institute helped us out in setting up Virtual Machines to execute our Molecular Dynamics Simulations. With the results of these simulations, certain point-mutations in the DNA sequence of the receptor and specific chemicals, we will be able to determine how the ligand will be docked in the niacin receptor. From there, we might be able to engineer a receptor with higher affinity for our ligand.</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 37</span><br><br />
<span class="notebook-txt">Modelling wiki pages under construction!!</span> </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 41</span><br><br />
<span class="notebook-txt">Getting a Gold Medal from the European Jamboree in Amsterdam we are back to work! Our Snifferometer starts getting form!</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 43</span><br><br />
<span class="notebook-txt">Before the 2nd wiki freeze: <br/> Snifferomyces working: check <br/> Snifferomyter working: check <br/> Research around ethics done: check <br/><br />
wonderful!<br />
</span></span><br />
<br />
</div><br />
<br />
<!-- END MODELLING PART --><br />
<br />
<!-- GENERAL PART --><br />
<br />
<div id="others-column"><br />
<!--<div id="others-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/f/f2/Notebook_general2.jpg"></span><br><br />
<br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">2-6-2012 Eftychia, Yifan and Mark representing our group partipate at <a href="http://www.denachtvankunstenwetenschap.nl/">De Nacht van Kunst & Wetenschap</a>!!! It was great experience. We had 3 games: "smelling game" where people had to guess each odor and write down their predictions, the "lego receptor" showing how the receptor can match only with a specific molecule and one more game showing the fluorescence produced when a compound comes in contact with yeast. It was so exciting that more and more people were willing to know more about our project! </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23 </span><br><br />
<span class="notebook-txt"><br />
This Monday Esengul, Marcel and Sietske traveled to the south of the country to go to the opening of the Biobased Kidshouse at the <b>Floriade</b>. We did a workshop with the children where they could make a necklace with their own DNA in it. It was a very, very rainy day but the faces of the children when they saw their own DNA precipitate, was all worth it!</span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 28 </span><br><br />
<span class="notebook-txt"><br />
Our first real week! We are working on our <b>Llowlab</b> plan, which is a part of Lowlands where the theme is 'FASTEN YOUR FUTURE!' it is a floating laboratory where Lowlands provides a stage for sustainable initiatives, new techniques and vigorous discussions. So we are going to show them Synthetic Biology! And with a estimated amount of visitors at 45.000 for Lowlands, it must be a big success! For more info on Llowlab you can go to: http://www.llowlab.nl/ <br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 29 </span><br><br />
<span class="notebook-txt"><br />
Our second summer holiday week of iGEM! We are trying really hard to get enough funding and having a lot of video-moments with Frank Theys.<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 30 </span><br><br />
<span class="notebook-txt"><br />
<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31 </span><br><br />
<span class="notebook-txt">Check out the logo that Lizah prepared this week for our team that will participate in <a href="http://www.llowlab.nl/">LlowLab</a>!! <br/><br/> <a href="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" ><img src="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" width="170" height="160" border="0" /></a> </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32 </span><br><br />
<span class="notebook-txt">We are really working on our Llowlab project now! It has to be finished since we are leaving on thursday next week. It's a lot of sawing, sanding, painting!<br />
On friday we had a nice dutch friday-afternoon-drink, we played darts, had a drink and really enjoyed ourselves! You might have seen some nice pictures on facebook, like the dart the Isabelle threw in the bulls eye, unfortunately her next to throws ended up next to the dartboard..<br />
</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33 </span><br><br />
There is a little bit of stress now ending the Llowlab game! Some mistakes have been made with painting and the spray paint stopped while working on the last few blocks! Wednesday Menno and Mark were working on the game until half past 8! But it all turned out well and thursday at noon we'll leave at noon to Biddinghuizen, were Llowlab will take place. <br />
<span class="notebook-txt"></span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34 </span><br><br />
<span class="notebook-txt">The fun is over, well, Lowlands is over. We think we made a good impression at Llowlab. We introduced many people to synthetic biology by offering a crash course supported by the game we designed and the <a href="http://www.cafepress.com/mf/70975437/snifferomyces-igem-tu-delft-2012_tshirt#" target="_blank">T-Shirt</a>. Now back to the lab to get evidence of the nice story we told.</span><br />
<br />
<br />
<br />
<br />
<br />
<!--<span class="notebook-weekno">After European Jamboree</span><br><br />
<span class="notebook-txt">Now the wiki's unfrozen we continued our project.</span> <br />
<hr class="notebook-divider">--><br />
<br />
<br />
<!-- END GENERAL PART --><br />
<br />
<br />
<br />
</body><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/NotebookTeam:TU-Delft/Notebook2012-10-26T22:50:28Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TU-Delft/Scripts}}{{:Team:TU-Delft/CSS}}{{:Team:TU-Delft/menu}}<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>TUDelft - Leiden iGEM 2012</title><br />
<br />
<br />
<link rel="stylesheet" type="text/css" href="http://tudelftigem.nl/wiki/lightbox.css" media="screen" /><br />
<link href='http://fonts.googleapis.com/css?family=Francois+One&v2' rel='stylesheet' type='text/css'><br />
<br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/prototype.js"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/scriptaculous.js?load=effects,builder"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/lightbox.js"></script><br />
<br />
<script src="http://widgets.twimg.com/j/2/widget.js"></script><br />
<br />
<style type="text/css"><br />
<br />
<br />
#notebook-container{<br />
background: none;<br />
width:680px;<br />
margin: 40px 10px 10px 3px; /*top-right-bottom-left */<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:1;<br />
}<br />
<br />
#wetlab-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#wetlab-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_blue_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#modelling-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#modelling-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_orange_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#others-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#others-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_yellow_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
.notebook-header{<br />
position:relative;<br />
top:-20px;<br />
margin:-25px 0 0 -15px;<br />
}<br />
.notebook-weekno{<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
text-decoration:underline;<br />
}<br />
.notebook-txt{<br />
font-size:13px;<br />
margin:10px;<br />
}<br />
.notebook-divider{<br />
background: transparent;<br />
color: transparent;<br />
border-left: none;<br />
border-right: none;<br />
border-top: none;<br />
border-bottom: 3px dashed #10143a; /*diakekomenes lines among the weeks */<br />
width:64px;<br />
margin:40px auto 40px auto;<br />
}<br />
#notebook_submenu{<br />
position:absolute;<br />
top:0px;<br />
margin:0 auto;<br />
width:670px;<br />
height:35px;<br />
text-align:center;<br />
background:white;<br />
padding:0;<br />
}<br />
#notebook_submenu a{<br />
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; <br />
color:#10143a;<br />
font-size:12px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
margin:5px 0 0 0;<br />
}<br />
#notebook_submenu a:hover{<br />
color:#10143a;<br />
}<br />
#notebook-container a:link, a:active, a:visited{<br />
color:#10143a;<br />
text-decoration:none;<br />
font-weight:bold;<br />
}<br />
#notebook-container a:hover{<br />
color:#10143a;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<div style="height:30px; width:100%;"></div><br />
<a href="https://2012.igem.org/Main_Page" target="_blank"><div id="logo_igem2"></div><a/><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<br />
<br />
<div id="twitter_widget"><br />
<a href="http://www.thenewview.eu/igem/wiki/photos/close_button.png" onfocus='blur()' onclick='javascript:this.parentNode.style.display="none"; return false;'><img src="http://www.thenewview.eu/igem/wiki/photos/close_button.png" width="10" height="10" style="margin: 0 0 0 140px;" alt="close"></a><br />
<br />
<br />
<script><br />
new TWTR.Widget({<br />
version: 2,<br />
type: 'profile',<br />
rpp: 3,<br />
interval: 6000,<br />
width: '120',<br />
height: 210,<br />
theme: {<br />
shell: {<br />
background: '#fff',<br />
color: 'red'<br />
},<br />
tweets: {<br />
background: '#fff',<br />
color: '#10143a',<br />
links: '#00a6d6'<br />
}<br />
},<br />
features: {<br />
scrollbar: false,<br />
loop: false,<br />
live: true,<br />
hashtags: true,<br />
timestamp: true,<br />
avatars: false,<br />
behavior: 'all'<br />
}<br />
}).render().setUser('TudelftIgem2012').start();<br />
</script><br />
</div><br />
<br />
<!--<div id="social_linkall"><a href="http://bit.ly/qebk0N" target="_blank"><img src="http://homes.esat.kuleuven.be/~igemwiki/images/twitter_allmedia.png" width="120" height="35" border="0" /></a></div>--><br />
<br />
<!--<div id="social_icons"><object data="http://homes.esat.kuleuven.be/~igemwiki/html/social_icons.html" style="overflow:hidden;" type="text/html" width="110" height="24"></object></div>--><br />
<br />
<br />
<div id="notebook-container"><br />
<div id="notebook_submenu"><a href="https://2012.igem.org/Team:TU-Delft/Notebook" style="color:#10143a; border-bottom:2px solid #10143a;">Weekly notebook</a></div><br />
<br />
<!-- WETLAB PART --><br />
<div id="wetlab-column"><br />
<!--<div id="wetlab-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/e/e5/Wetlab2.jpg"></span><br><br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">The lab work has finally started!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">On Tuesday we ordered the constructs that we designed to let them synthesize. An exciting moment! Last check: are all the illegal restriction sites removed, is the gene in frame, is it codon-optimized, do we have the prefix and the suffix... yes? GO!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 24</span><br><br />
<span class="notebook-txt">We transformed the competent cells with pUC19 cells. This led to an equivalent amount of colonies in the positive and negative plate. Competent cells were made again. The top-10 cells with plasmids were grown in liquid LB and with a midiprep the plasmids were purified. We checked the vectors with DpnI and prefix/suffix enzymes, this led to results as expected. This week we investigated the possibility of growing yeasts and bacteria in the same culture using bacteriostatins to regulate bacterial growth (which grows quicker). We inoculated bacteria and yeasts separately in liquid YPD with tetracyclin and observed the growth curve using OD600. This led to a nice correlation of concentration and growth speed for bacteria, where yeast cells weren’t affected.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 25</span><br><br />
<span class="notebook-txt">Synthesized banana receptors came in! Competent cells where checked and no growth was detected, we decided to transform cells anyway with the banana receptor vectors (IDT smartAMP backbone). This led to a positive outcome and we picked colonies and grew them and isolated the plasmids. Primers were designed to generate a knock-out cassette for the genes ATF1, FAR1 and GPA1 with the pUG73 and pUG72 vectors. Also primers were designed around the multiple cloning site of pRS to check inserts.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 26</span><br><br />
<span class="notebook-txt">Primers arrived. Restriction of the banana receptors was performed. Vector pRS305 and two banana receptors were cut with EcoRI and PstI. The product was put on gel and the gel band with the proper size was cut out and purified. Then a ligation step was performed and the ligation product was transformed in Top10 cells. This didn’t give colonies. We tried the ligation step again and the second time it did lead to colonies. A colony was picked, grown in selective liquid media and after a day the plasmid was purified. A PCR reaction using the primers which checks the insert was performed. This didn’t led to results. A PCR reaction using pFX polymerase to amplify the pUG73 cassette with knock-out flanks also didn’t lead to results after a few tries. New primers (shorter ones) were ordered and also the pRS305 primers were redesigned to anneal ~200 bp from the multiple cloning site for optimal sequencing. Preparation for transformation of yeast cells with the knock-out cassette was performed. Further the I7 and I7-olf10 genes where amplified with a PCR reaction which flanks the gene with a kozak sequence and BamHI and NdeI sites. This facilitates the implementation of the gene between the promoter and terminator. Also the synthesized banana receptor genes where cut, gel extracted and ligated into the backbone. This led to many false positives. We performed the ligation step again and this time we confirmed the insert through restriction.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 27</span><br><br />
<span class="notebook-txt">We found out that pRS305 isn’t usable in our system since the leucine gene is completely removed in our strain and there is no origin of amplification for yeast on our plasmid. Therefore we ordered pRS315 and we contacted Mark Chee to see whether he could send us the renewed pRSII415 vectors which are also Biobrick compatible. G alpha pieces A and B arrived (the company couldn’t make it as a whole, so it is chopped up in pieces A, B, C and D). They were transformed in Top10 cells, grown and purified. When performing a restriction check we came to the conclusion a mistake had been made. The second time (same story) the bands of the restriction check where fine. New primers arrived to make the knockout cassette. A PCR with pFX polymerase to make the knock-out cassette was performed again. This time Gpa1 was successfully amplified. Yeast cells were grown and transformed with help of Daniel Solis Escalante. The cells where transformed with the gel purified Gpa1 knock-out DNA. After 2 days 3 colonies where seen and the colonies where grown in deficient media.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 28</span><br><br />
<span class="notebook-txt">Mark was at a festival here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 29</span><br><br />
<span class="notebook-txt">We got microscopy training! Mark, Sietske, Lizah, Eftychia, Marcel, Yifan and Menno were there! Daniel Lam was kind to show us around in the microscopy section of the Nanotechnology building of the university. There we performed a shmoo test (adding alpha factor in a yeast environment), but due to long waiting times the yeast cells didn’t seem shmoo-ish. The I7-receptor was ligated into the IDT vector which had a constitutive promoter (GPD) and terminator. We performed a few rounds of PCR on the yeast knock-out colonies. To see whether our method of preparing was correct we checked also with EukIF and Euk563 primers. This led to a positive result. Varying annealing conditions didn’t lead to results.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 30</span><br><br />
<span class="notebook-txt">The colonies of the knock-out where checked again using PCR on the yeast colonies. After a few rounds bands where seen as expected. For this to occur we had to extract the genomic DNA first by beading. We stored the Mat a –gpa1 –fus1 strain. We further experimented with PCR condition to make an ATF1 and GPA1 knockout cassette (to complete the universal platform study). Also we cloned the banana receptor in the pRS415 vector, but no insert was seen. Because we concluded it is hard to distinguish between a single and double cut (very close together when put on a gel for extraction), we took one positive colony (with insert) and use that as template for further cloning.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt">Mark was at Berlin and Warsaw here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">A banana receptor and HKUST I7-olf10 transformed yeast cells were checked on presence of plasmid by PCR on the yeast colonies. This led to positive results. To continue we performed a transformation with the niacin receptor, another banana receptor in –far1 knockout yeast and a wildtype strain. To get a nice representation and conclusion of our knockout strain –far1, -gpa1 we’ve performed a PCR using genomic DNA of the yeast. Further we have begun cloning yeast Biobrick genes mOrange and Venus YFP to get multiple color outputs. First a PCR reaction with pFX polymerase and the biobrick is performed to add res. Enz. Sites to the gene.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33</span><br><br />
<span class="notebook-txt">We used a technique called TOPO cloning to attach the PCR product (elongated color gene) into a backbone for easier cutting. After ligation these products are transformed. This resulted in colonies for mOrange, but not for YFP. The EGFP-TOPO is cut but very vague bands could be seen when put on gel. Therefore EGFP is amplified again in Top10 cells and isolated. </span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34</span><br><br />
<span class="notebook-txt">EGFP in Topo is cut with NdeI and BamHI and ligated into two vectors, pRS415II between promoter GPD and terminator CYC1 and in IDT-smartAmp between promoter FUS1 and terminator ADH1. Transformation of the ligation product led to colonies which were checked on inserts using EGFP primers. <br />
Further, yeast cells containing I7-olf10 receptor and one of the banana receptor plasmid where grown and plasmids were isolated (using zymolase) and used for PCR reaction to see whether the receptor gene was still intact. This wasn’t the case, the insert has shortened from 1500 to ~500 nt. With the banana receptors 3 bands could be distinguished (original, somewhat shortened and the ~500 nt band). We have decided to immediately after transformation inoculate a grown colony of yeast and freeze it after a day. From there we only have to use that strain.</span><br />
<br />
</div><br />
<br />
<!-- END WETLAB PART --><br />
<br />
<!-- MODELLING PART --><br />
<br />
<div id="modelling-column"><br />
<!--<div id="modelling-column-end"> </div>--><br />
<span class="notebook-header"> <img src="https://static.igem.org/mediawiki/igem.org/9/97/Modeling2.jpg"></span><br><br />
<br />
<span class="notebook-txt" ><h1 style="color:#fe2626;"><em><a href='https://2012.igem.org/Team:TU-Delft/brainstorming' target="_blank">brainstorming session</a></em></h1></span><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">The diffusion model is complete and will be adapted according to the <br />
experiment design. The biochemical model structure has been designed, the modellers will be <br />
busy trying to fit the model to data this week and replicate the pheromone response<br />
The Bioinformatics model for checking the ligand binding is in it's design phase, we are hoping<br />
to get it ready in three weeks time</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt"> The reduced model of the pathway is complete and the responses are similar to those obtained from the paper. The next week will be spent doing some analysis of the model and then look to incorporate stochasticity into the model </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">Last week the structural modeling got a nice boost! A member of the SARA institute helped us out in setting up Virtual Machines to execute our Molecular Dynamics Simulations. With the results of these simulations, certain point-mutations in the DNA sequence of the receptor and specific chemicals, we will be able to determine how the ligand will be docked in the niacin receptor. From there, we might be able to engineer a receptor with higher affinity for our ligand.</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 37</span><br><br />
<span class="notebook-txt">Modelling wiki pages under construction!!</span> </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 41</span><br><br />
<span class="notebook-txt">Getting a Gold Medal from the European Jamboree in Amsterdam we are back to work! Our Snifferometer starts getting form!</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 43</span><br><br />
<span class="notebook-txt">Before the 2nd wiki freeze: <br/> Snifferomyces working: check <br/> Snifferomyter working: check <br/> Research around ethics done: check <br/><br />
wonderful!<br />
</span></span><br />
<br />
</div><br />
<br />
<!-- END MODELLING PART --><br />
<br />
<!-- GENERAL PART --><br />
<br />
<div id="others-column"><br />
<!--<div id="others-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/f/f2/Notebook_general2.jpg"></span><br><br />
<br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">2-6-2012 Eftychia, Yifan and Mark representing our group partipate at <a href="http://www.denachtvankunstenwetenschap.nl/">De Nacht van Kunst & Wetenschap</a>!!! It was great experience. We had 3 games: "smelling game" where people had to guess each odor and write down their predictions, the "lego receptor" showing how the receptor can match only with a specific molecule and one more game showing the fluorescence produced when a compound comes in contact with yeast. It was so exciting that more and more people were willing to know more about our project! </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23 </span><br><br />
<span class="notebook-txt"><br />
This Monday Esengul, Marcel and Sietske traveled to the south of the country to go to the opening of the Biobased Kidshouse at the <b>Floriade</b>. We did a workshop with the children where they could make a necklace with their own DNA in it. It was a very, very rainy day but the faces of the children when they saw their own DNA precipitate, was all worth it!</span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 28 </span><br><br />
<span class="notebook-txt"><br />
Our first real week! We are working on our <b>Llowlab</b> plan, which is a part of Lowlands where the theme is 'FASTEN YOUR FUTURE!' it is a floating laboratory where Lowlands provides a stage for sustainable initiatives, new techniques and vigorous discussions. So we are going to show them Synthetic Biology! And with a estimated amount of visitors at 45.000 for Lowlands, it must be a big success! For more info on Llowlab you can go to: http://www.llowlab.nl/ <br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 29 </span><br><br />
<span class="notebook-txt"><br />
Our second summer holiday week of iGEM! We are trying really hard to get enough funding and having a lot of video-moments with Frank Theys.<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 30 </span><br><br />
<span class="notebook-txt"><br />
<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31 </span><br><br />
<span class="notebook-txt">Check out the logo that Lizah prepared this week for our team that will participate in <a href="http://www.llowlab.nl/">LlowLab</a>!! <br/><br/> <a href="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" ><img src="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" width="170" height="160" border="0" /></a> </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32 </span><br><br />
<span class="notebook-txt">We are really working on our Llowlab project now! It has to be finished since we are leaving on thursday next week. It's a lot of sawing, sanding, painting!<br />
On friday we had a nice dutch friday-afternoon-drink, we played darts, had a drink and really enjoyed ourselves! You might have seen some nice pictures on facebook, like the dart the Isabelle threw in the bulls eye, unfortunately her next to throws ended up next to the dartboard..<br />
</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33 </span><br><br />
There is a little bit of stress now ending the Llowlab game! Some mistakes have been made with painting and the spray paint stopped while working on the last few blocks! Wednesday Menno and Mark were working on the game until half past 8! But it all turned out well and thursday at noon we'll leave at noon to Biddinghuizen, were Llowlab will take place. <br />
<span class="notebook-txt"></span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34 </span><br><br />
<span class="notebook-txt">The fun is over, well, Lowlands is over. We think we made a good impression at Llowlab. We introduced many people to synthetic biology by offering a crash course supported by the game we designed and the <a href="http://www.cafepress.com/mf/70975437/snifferomyces-igem-tu-delft-2012_tshirt#" target="_blank">T-Shirt</a>. Now back to the lab to get evidence of the nice story we told.</span><br />
<br />
<br />
<br />
<br />
<br />
<!--<span class="notebook-weekno">After European Jamboree</span><br><br />
<span class="notebook-txt">Now the wiki's unfrozen we continued our project.</span> <br />
<hr class="notebook-divider">--><br />
<br />
<br />
<!-- END GENERAL PART --><br />
<br />
<br />
<br />
</body><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/NotebookTeam:TU-Delft/Notebook2012-10-26T22:49:11Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TU-Delft/Scripts}}{{:Team:TU-Delft/CSS}}{{:Team:TU-Delft/menu}}<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>TUDelft - Leiden iGEM 2012</title><br />
<br />
<br />
<link rel="stylesheet" type="text/css" href="http://tudelftigem.nl/wiki/lightbox.css" media="screen" /><br />
<link href='http://fonts.googleapis.com/css?family=Francois+One&v2' rel='stylesheet' type='text/css'><br />
<br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/prototype.js"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/scriptaculous.js?load=effects,builder"></script><br />
<script type="text/javascript" src="http://tudelftigem.nl/wiki/lightbox.js"></script><br />
<br />
<script src="http://widgets.twimg.com/j/2/widget.js"></script><br />
<br />
<style type="text/css"><br />
<br />
<br />
#notebook-container{<br />
background: none;<br />
width:680px;<br />
margin: 40px 10px 10px 3px; /*top-right-bottom-left */<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:1;<br />
}<br />
<br />
#wetlab-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#wetlab-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_blue_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#modelling-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#modelling-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_orange_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
#others-column{<br />
position:relative;<br />
float:left;<br />
clear:right;<br />
width:185px;<br />
background: url(https://static.igem.org/mediawiki/igem.org/8/88/Notebook_white.png) repeat;<br />
margin:0 10px 0 0;<br />
padding:20px 15px 50px 15px;<br />
border:0;<br />
}<br />
#others-column-end{<br />
position:absolute;<br />
bottom:0px;<br />
width:215px;<br />
height:60px;<br />
background: url(http://homes.esat.kuleuven.be/~igemwiki/images/notebook_yellow_bottom.png) top left;<br />
margin:0 0 -60px -15px;<br />
padding:0;<br />
border:0;<br />
}<br />
.notebook-header{<br />
position:relative;<br />
top:-20px;<br />
margin:-25px 0 0 -15px;<br />
}<br />
.notebook-weekno{<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
text-decoration:underline;<br />
}<br />
.notebook-txt{<br />
font-size:13px;<br />
margin:10px;<br />
}<br />
.notebook-divider{<br />
background: transparent;<br />
color: transparent;<br />
border-left: none;<br />
border-right: none;<br />
border-top: none;<br />
border-bottom: 3px dashed #10143a; /*diakekomenes lines among the weeks */<br />
width:64px;<br />
margin:40px auto 40px auto;<br />
}<br />
#notebook_submenu{<br />
position:absolute;<br />
top:0px;<br />
margin:0 auto;<br />
width:670px;<br />
height:35px;<br />
text-align:center;<br />
background:white;<br />
padding:0;<br />
}<br />
#notebook_submenu a{<br />
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; <br />
color:#10143a;<br />
font-size:12px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
margin:5px 0 0 0;<br />
}<br />
#notebook_submenu a:hover{<br />
color:#10143a;<br />
}<br />
#notebook-container a:link, a:active, a:visited{<br />
color:#10143a;<br />
text-decoration:none;<br />
font-weight:bold;<br />
}<br />
#notebook-container a:hover{<br />
color:#10143a;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<div style="height:30px; width:100%;"></div><br />
<a href="https://2012.igem.org/Main_Page" target="_blank"><div id="logo_igem2"></div><a/><br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<br />
<br />
<div id="twitter_widget"><br />
<a href="http://www.thenewview.eu/igem/wiki/photos/close_button.png" onfocus='blur()' onclick='javascript:this.parentNode.style.display="none"; return false;'><img src="http://www.thenewview.eu/igem/wiki/photos/close_button.png" width="10" height="10" style="margin: 0 0 0 140px;" alt="close"></a><br />
<br />
<br />
<script><br />
new TWTR.Widget({<br />
version: 2,<br />
type: 'profile',<br />
rpp: 3,<br />
interval: 6000,<br />
width: '120',<br />
height: 210,<br />
theme: {<br />
shell: {<br />
background: '#fff',<br />
color: 'red'<br />
},<br />
tweets: {<br />
background: '#fff',<br />
color: '#10143a',<br />
links: '#00a6d6'<br />
}<br />
},<br />
features: {<br />
scrollbar: false,<br />
loop: false,<br />
live: true,<br />
hashtags: true,<br />
timestamp: true,<br />
avatars: false,<br />
behavior: 'all'<br />
}<br />
}).render().setUser('TudelftIgem2012').start();<br />
</script><br />
</div><br />
<br />
<!--<div id="social_linkall"><a href="http://bit.ly/qebk0N" target="_blank"><img src="http://homes.esat.kuleuven.be/~igemwiki/images/twitter_allmedia.png" width="120" height="35" border="0" /></a></div>--><br />
<br />
<!--<div id="social_icons"><object data="http://homes.esat.kuleuven.be/~igemwiki/html/social_icons.html" style="overflow:hidden;" type="text/html" width="110" height="24"></object></div>--><br />
<br />
<br />
<div id="notebook-container"><br />
<div id="notebook_submenu"><a href="https://2012.igem.org/Team:TU-Delft/Notebook" style="color:#10143a; border-bottom:2px solid #10143a;">Weekly notebook</a></div><br />
<br />
<!-- WETLAB PART --><br />
<div id="wetlab-column"><br />
<!--<div id="wetlab-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/e/e5/Wetlab2.jpg"></span><br><br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">The lab work has finally started!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">On Tuesday we ordered the constructs that we designed to let them synthesize. An exciting moment! Last check: are all the illegal restriction sites removed, is the gene in frame, is it codon-optimized, do we have the prefix and the suffix... yes? GO!</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 24</span><br><br />
<span class="notebook-txt">We transformed the competent cells with pUC19 cells. This led to an equivalent amount of colonies in the positive and negative plate. Competent cells were made again. The top-10 cells with plasmids were grown in liquid LB and with a midiprep the plasmids were purified. We checked the vectors with DpnI and prefix/suffix enzymes, this led to results as expected. This week we investigated the possibility of growing yeasts and bacteria in the same culture using bacteriostatins to regulate bacterial growth (which grows quicker). We inoculated bacteria and yeasts separately in liquid YPD with tetracyclin and observed the growth curve using OD600. This led to a nice correlation of concentration and growth speed for bacteria, where yeast cells weren’t affected.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 25</span><br><br />
<span class="notebook-txt">Synthesized banana receptors came in! Competent cells where checked and no growth was detected, we decided to transform cells anyway with the banana receptor vectors (IDT smartAMP backbone). This led to a positive outcome and we picked colonies and grew them and isolated the plasmids. Primers were designed to generate a knock-out cassette for the genes ATF1, FAR1 and GPA1 with the pUG73 and pUG72 vectors. Also primers were designed around the multiple cloning site of pRS to check inserts.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 26</span><br><br />
<span class="notebook-txt">Primers arrived. Restriction of the banana receptors was performed. Vector pRS305 and two banana receptors were cut with EcoRI and PstI. The product was put on gel and the gel band with the proper size was cut out and purified. Then a ligation step was performed and the ligation product was transformed in Top10 cells. This didn’t give colonies. We tried the ligation step again and the second time it did lead to colonies. A colony was picked, grown in selective liquid media and after a day the plasmid was purified. A PCR reaction using the primers which checks the insert was performed. This didn’t led to results. A PCR reaction using pFX polymerase to amplify the pUG73 cassette with knock-out flanks also didn’t lead to results after a few tries. New primers (shorter ones) were ordered and also the pRS305 primers were redesigned to anneal ~200 bp from the multiple cloning site for optimal sequencing. Preparation for transformation of yeast cells with the knock-out cassette was performed. Further the I7 and I7-olf10 genes where amplified with a PCR reaction which flanks the gene with a kozak sequence and BamHI and NdeI sites. This facilitates the implementation of the gene between the promoter and terminator. Also the synthesized banana receptor genes where cut, gel extracted and ligated into the backbone. This led to many false positives. We performed the ligation step again and this time we confirmed the insert through restriction.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 27</span><br><br />
<span class="notebook-txt">We found out that pRS305 isn’t usable in our system since the leucine gene is completely removed in our strain and there is no origin of amplification for yeast on our plasmid. Therefore we ordered pRS315 and we contacted Mark Chee to see whether he could send us the renewed pRSII415 vectors which are also Biobrick compatible. G alpha pieces A and B arrived (the company couldn’t make it as a whole, so it is chopped up in pieces A, B, C and D). They were transformed in Top10 cells, grown and purified. When performing a restriction check we came to the conclusion a mistake had been made. The second time (same story) the bands of the restriction check where fine. New primers arrived to make the knockout cassette. A PCR with pFX polymerase to make the knock-out cassette was performed again. This time Gpa1 was successfully amplified. Yeast cells were grown and transformed with help of Daniel Solis Escalante. The cells where transformed with the gel purified Gpa1 knock-out DNA. After 2 days 3 colonies where seen and the colonies where grown in deficient media.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 28</span><br><br />
<span class="notebook-txt">Mark was at a festival here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 29</span><br><br />
<span class="notebook-txt">We got microscopy training! Mark, Sietske, Lizah, Eftychia, Marcel, Yifan and Menno were there! Daniel Lam was kind to show us around in the microscopy section of the Nanotechnology building of the university. There we performed a shmoo test (adding alpha factor in a yeast environment), but due to long waiting times the yeast cells didn’t seem shmoo-ish. The I7-receptor was ligated into the IDT vector which had a constitutive promoter (GPD) and terminator. We performed a few rounds of PCR on the yeast knock-out colonies. To see whether our method of preparing was correct we checked also with EukIF and Euk563 primers. This led to a positive result. Varying annealing conditions didn’t lead to results.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 30</span><br><br />
<span class="notebook-txt">The colonies of the knock-out where checked again using PCR on the yeast colonies. After a few rounds bands where seen as expected. For this to occur we had to extract the genomic DNA first by beading. We stored the Mat a –gpa1 –fus1 strain. We further experimented with PCR condition to make an ATF1 and GPA1 knockout cassette (to complete the universal platform study). Also we cloned the banana receptor in the pRS415 vector, but no insert was seen. Because we concluded it is hard to distinguish between a single and double cut (very close together when put on a gel for extraction), we took one positive colony (with insert) and use that as template for further cloning.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt">Mark was at Berlin and Warsaw here, so it was a bit more quiet in the lab.</span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">A banana receptor and HKUST I7-olf10 transformed yeast cells were checked on presence of plasmid by PCR on the yeast colonies. This led to positive results. To continue we performed a transformation with the niacin receptor, another banana receptor in –far1 knockout yeast and a wildtype strain. To get a nice representation and conclusion of our knockout strain –far1, -gpa1 we’ve performed a PCR using genomic DNA of the yeast. Further we have begun cloning yeast Biobrick genes mOrange and Venus YFP to get multiple color outputs. First a PCR reaction with pFX polymerase and the biobrick is performed to add res. Enz. Sites to the gene.</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33</span><br><br />
<span class="notebook-txt">We used a technique called TOPO cloning to attach the PCR product (elongated color gene) into a backbone for easier cutting. After ligation these products are transformed. This resulted in colonies for mOrange, but not for YFP. The EGFP-TOPO is cut but very vague bands could be seen when put on gel. Therefore EGFP is amplified again in Top10 cells and isolated. </span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34</span><br><br />
<span class="notebook-txt">EGFP in Topo is cut with NdeI and BamHI and ligated into two vectors, pRS415II between promoter GPD and terminator CYC1 and in IDT-smartAmp between promoter FUS1 and terminator ADH1. Transformation of the ligation product led to colonies which were checked on inserts using EGFP primers. <br />
Further, yeast cells containing I7-olf10 receptor and one of the banana receptor plasmid where grown and plasmids were isolated (using zymolase) and used for PCR reaction to see whether the receptor gene was still intact. This wasn’t the case, the insert has shortened from 1500 to ~500 nt. With the banana receptors 3 bands could be distinguished (original, somewhat shortened and the ~500 nt band). We have decided to immediately after transformation inoculate a grown colony of yeast and freeze it after a day. From there we only have to use that strain.</span><br />
<br />
</div><br />
<br />
<!-- END WETLAB PART --><br />
<br />
<!-- MODELLING PART --><br />
<br />
<div id="modelling-column"><br />
<!--<div id="modelling-column-end"> </div>--><br />
<span class="notebook-header"> <img src="https://static.igem.org/mediawiki/igem.org/9/97/Modeling2.jpg"></span><br><br />
<br />
<span class="notebook-txt" ><h1 style="color:#fe2626;"><em><a href='https://2012.igem.org/Team:TU-Delft/brainstorming' target="_blank">brainstorming session</a></em></h1></span><br />
<br />
<span class="notebook-weekno">Week 23</span><br><br />
<span class="notebook-txt">The diffusion model is complete and will be adapted according to the <br />
experiment design. The biochemical model structure has been designed, the modellers will be <br />
busy trying to fit the model to data this week and replicate the pheromone response<br />
The Bioinformatics model for checking the ligand binding is in it's design phase, we are hoping<br />
to get it ready in three weeks time</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31</span><br><br />
<span class="notebook-txt"> The reduced model of the pathway is complete and the responses are similar to those obtained from the paper. The next week will be spent doing some analysis of the model and then look to incorporate stochasticity into the model </span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32</span><br><br />
<span class="notebook-txt">Last week the structural modeling got a nice boost! A member of the SARA institute helped us out in setting up Virtual Machines to execute our Molecular Dynamics Simulations. With the results of these simulations, certain point-mutations in the DNA sequence of the receptor and specific chemicals, we will be able to determine how the ligand will be docked in the niacin receptor. From there, we might be able to engineer a receptor with higher affinity for our ligand.</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 37</span><br><br />
<span class="notebook-txt">Modelling wiki pages under construction!!</span> <br />
<br />
<span class="notebook-weekno">Week 41</span><br><br />
<span class="notebook-txt">Getting a Gold Medal from the European Jamboree in Amsterdam we are back to work! Our Snifferometer starts getting form!</span></span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 43</span><br><br />
<span class="notebook-txt">Before the 2nd wiki freeze: <br/> Snifferomyces working: check <br/> Snifferomyter working: check <br/> Research around ethics done: check <br/><br />
wonderful!<br />
</span></span><hr class="notebook-divider"><br />
<br />
</div><br />
<br />
<!-- END MODELLING PART --><br />
<br />
<!-- GENERAL PART --><br />
<br />
<div id="others-column"><br />
<!--<div id="others-column-end"> </div>--><br />
<span class="notebook-header"><img src="https://static.igem.org/mediawiki/igem.org/f/f2/Notebook_general2.jpg"></span><br><br />
<br />
<span class="notebook-weekno">Week 22</span><br><br />
<span class="notebook-txt">2-6-2012 Eftychia, Yifan and Mark representing our group partipate at <a href="http://www.denachtvankunstenwetenschap.nl/">De Nacht van Kunst & Wetenschap</a>!!! It was great experience. We had 3 games: "smelling game" where people had to guess each odor and write down their predictions, the "lego receptor" showing how the receptor can match only with a specific molecule and one more game showing the fluorescence produced when a compound comes in contact with yeast. It was so exciting that more and more people were willing to know more about our project! </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 23 </span><br><br />
<span class="notebook-txt"><br />
This Monday Esengul, Marcel and Sietske traveled to the south of the country to go to the opening of the Biobased Kidshouse at the <b>Floriade</b>. We did a workshop with the children where they could make a necklace with their own DNA in it. It was a very, very rainy day but the faces of the children when they saw their own DNA precipitate, was all worth it!</span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 28 </span><br><br />
<span class="notebook-txt"><br />
Our first real week! We are working on our <b>Llowlab</b> plan, which is a part of Lowlands where the theme is 'FASTEN YOUR FUTURE!' it is a floating laboratory where Lowlands provides a stage for sustainable initiatives, new techniques and vigorous discussions. So we are going to show them Synthetic Biology! And with a estimated amount of visitors at 45.000 for Lowlands, it must be a big success! For more info on Llowlab you can go to: http://www.llowlab.nl/ <br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 29 </span><br><br />
<span class="notebook-txt"><br />
Our second summer holiday week of iGEM! We are trying really hard to get enough funding and having a lot of video-moments with Frank Theys.<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 30 </span><br><br />
<span class="notebook-txt"><br />
<br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 31 </span><br><br />
<span class="notebook-txt">Check out the logo that Lizah prepared this week for our team that will participate in <a href="http://www.llowlab.nl/">LlowLab</a>!! <br/><br/> <a href="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" ><img src="https://static.igem.org/mediawiki/igem.org/0/0a/Lowlab.jpg" width="170" height="160" border="0" /></a> </span><br />
<hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 32 </span><br><br />
<span class="notebook-txt">We are really working on our Llowlab project now! It has to be finished since we are leaving on thursday next week. It's a lot of sawing, sanding, painting!<br />
On friday we had a nice dutch friday-afternoon-drink, we played darts, had a drink and really enjoyed ourselves! You might have seen some nice pictures on facebook, like the dart the Isabelle threw in the bulls eye, unfortunately her next to throws ended up next to the dartboard..<br />
</span><hr class="notebook-divider"><br />
<br />
<span class="notebook-weekno">Week 33 </span><br><br />
There is a little bit of stress now ending the Llowlab game! Some mistakes have been made with painting and the spray paint stopped while working on the last few blocks! Wednesday Menno and Mark were working on the game until half past 8! But it all turned out well and thursday at noon we'll leave at noon to Biddinghuizen, were Llowlab will take place. <br />
<span class="notebook-txt"></span><hr class="notebook-divider"><br />
<span class="notebook-weekno">Week 34 </span><br><br />
<span class="notebook-txt">The fun is over, well, Lowlands is over. We think we made a good impression at Llowlab. We introduced many people to synthetic biology by offering a crash course supported by the game we designed and the <a href="http://www.cafepress.com/mf/70975437/snifferomyces-igem-tu-delft-2012_tshirt#" target="_blank">T-Shirt</a>. Now back to the lab to get evidence of the nice story we told.</span><br />
<br />
<br />
<br />
<br />
<br />
<!--<span class="notebook-weekno">After European Jamboree</span><br><br />
<span class="notebook-txt">Now the wiki's unfrozen we continued our project.</span> <br />
<hr class="notebook-divider">--><br />
<br />
<br />
<!-- END GENERAL PART --><br />
<br />
<br />
<br />
</body><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/HP/MPTeam:TU-Delft/HP/MP2012-10-26T22:35:36Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Human Practice</title><br />
<body><br />
<div style="height:70px; width:100%;"></div> <br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/e/ed/Nieuwe_header_human_practices.jpg" align="middle" width="100%"><br />
<h2> Possible applications of the Sniffer-O-Meter!</h2> </br><br />
<br />
<h3> The Royal Dutch Military Police regarding a detector of explosives. </h3><br />
<br />
<p>Every day, 1800 member of the Royal Dutch Military Police are present at Schiphol to detect possible threats to the National Security. One part of their job is to be on the lookout for explosives. <b>This is where smell plays an important part! </b> Explosives are usually detected by Explo-dogs, dogs which have been trained to detect the scent associated with explosives. <br />
<br/><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/6/69/Explohond.jpg" width="600"/><br />
<br/><br />
<br />
An Explo-Dog is being trained to detect 14 different types of smells, which for security reasons will not be mentioned, in different combinations. The largest amount of explosives are covered by this intensive training after which they will work together with a canine trainer of the Military Police, such as Rick van Vulpen who spoke to us on this matter. <br/><br />
<br/><br />
<br />
<b>A Sniffer-O-Meter could be made to smell these same 14 volatiles and to give a signal dependent on what combination of volatiles is detected.</b> The Snifferomyces is designed to be a general platform for any possible smell, smelling explosives is only one of the possible applications. The Sniffer-O-Meter could be redesigned to be carried around or to stay at a central position, like a fire detector. <br/><br />
<br/><br />
<b>"Micro-organisms and GMOs would definitely be used if it would improve the National Security." </b><br/><br />
The most important feature should be a very low number of false positives. It is a waste when the team responds to a false alarm, this costs a lot of time and money. Genetic modification is a new, important technology which, when whithin certain safety standards should definitely be used. At the moment we are experimenting with a chemical 'Nose', but this technology also responds to coca-cola, which has caused a lot of false alarms. In the lab a small error rate might be seen as acceptable, but in the field this is less so. <br/><br />
<br/><br />
On the job, dog and trainer work together as coworkers. And even though canine is trained to smell, his secundary role is to give a secure feeling to the crowd at an airport and the trainer. Of course this role would never be replaced by micro-organisms, although they could prove to become a solid addition to the general equipment. </p><br/><br />
<br/><br />
We would like to thank Rick van Vulpen for a nice chat on this subject! <br/><br />
The picture is from "Safety and Security", October 2012, a supplement of the Telegraaf.<br/><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690"><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/HP/StudyTeam:TU-Delft/HP/Study2012-10-26T22:30:51Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Human Practice</title><br />
<body><br />
<div style="height:70px; width:100%;"></div> <br />
<img src="https://static.igem.org/mediawiki/igem.org/7/74/Background_greenlamp.jpg" class="bg_team"><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"></a></div><br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<br />
<p>For our Human Practice we did a study in to what extent our proof of principle, if it would be translated into a product, could make a difference. To answer this we evaluate the most important parts of this question below. </p><br />
<h3>What is Tuberculosis?</h3><br />
<p>Tuberculosis is a bacterial infection. TB usually attacks the lungs, but can also attack other parts of the body, such as the brain, spine, or kidneys. TB bacteria can live in the body without making a person sick. This is called latent TB infection. People with latent TB infection do not feel sick, do not have TB symptoms, and cannot spread TB bacteria to others. Some people with latent TB infection go on to develop TB disease.<br />
<br/> TB becomes even a larger problem because of HIV, 60.1% of TB patients tested for HIV were HIV-positive. HIV-patients with TB have to be cured even faster because of their immune system is weakened.<br />
<br/>In 2010, 8.8 million people were infected with TB and 1.4 million died from it. Over 95% of TB deaths occur in low -and middle- income countries.</p><br />
<img src="https://static.igem.org/mediawiki/igem.org/c/cb/Tb_pictures.jpg"width="570"/><br />
<p>At the map below you can see the countries suffering from Tuberculosis. According to <a href="http://www.vaccinatiesopreis.nl">www.vaccinatiesopreis.nl</a> the dark green refers to many cases of TB, the light green to less and the white to a few cases.</p><br />
<div style="position:relative; align:center; top:0; left:0; width:580px; height:240px; border:0; margin:0 0 20px 0; padding:0; "><br />
<a href="https://static.igem.org/mediawiki/igem.org/4/4a/TBmap.gif" rel="lightbox" title="Tuberculosismap"><br />
<img src="https://static.igem.org/mediawiki/igem.org/4/4a/TBmap.gif" name="kugroup" width="570" border="0" id="kugroup" /></a></div> <br />
<br/><br/><br/><br/><br/><br/><br/> <br />
<br />
<h3>The problem</h3><br />
<p>The problem of tuberculosis lies mainly in the less developed countries. The frontline are the remote areas where the people have no or limited access to hospitals with sufficient facilities. Standard TB diagnostic tools are either expensive and need to be used in a lab setting or are not very reliable, all these reasons are posing major barriers for diagnosing.<br />
</p><br />
<br />
<h3>Six Ways to Diagnose Tuberculosis</h3><br />
<p>These are six main diagnosis tools for TB. The problem is that there is not one of them that is very reliable and also suitable for the frontline. Not suitable for the frontline because it needs facilities, doesn't give a quick result and/or is expensive.</p><br />
<body><br />
<ul><br />
<li>Tuberculin Skin Test (TST)<br />
<li>Sputum Smear Microscopy (SSM)<br />
<li>Polymerase Chain Reaction (PCR)<br />
<li>Blood Test for TB detection<br />
<li>Chest X-ray<br />
<li>Culture<br />
</ul><br />
</body><br />
<br />
<h3>Our ideal Solution</h3><br />
<p>A cheap test that quickly gives an reliable result, that can be taken by a 4x4 car to the people.</p><br />
<br />
<h3>What would a test based on our principle contribute?</h3><br />
<p><h6>Reach</h6>Yeast cells can be kept in dried form, which makes them very well transportable and easy to store. Remote areas can be easily reached. <br />
</br><h6>Evaluating of test result</h6>Now we did the tests with GFP but if would use a visible output, it would be very easy to see a result. Which also mean that there are not many facilities needed.<br />
</br><h6>Cheap</h6>The producing of a large amount of yeast cells is in general not this expensive.<br />
</br><h6>Reliability</h6> This is something that should still be evaluated.<br />
</br><h6>Waiting time</h6> The waiting time for the result will be approximately 3 hours.</p><br />
<h3>Conclusion</h3> <br />
<p>We strongly believe that our project is well worth to be further developed. We believe it can make a change in how diagnostics in remote areas take place. But also for areas with facilities, it can be a cheap alternative for the diagnosing of other diseases that can be detected by specific compounds.</p><br />
<br/><br />
<br />
<h3>Example Mozambique; lack of facilities</h3><br />
Mozambique ranks the 19th among the 22 Tuberculosis High Burden Countries 2011 according to the <a href="http://www.afro.who.int/en/mozambique/country-programmes/aids-tuberculosis-and-malaria/tuberculosis.html" target="_blank">WHO.</a><br />
<p>One of our team members, Isabelle, traveled to Mozambique in july 2011. The lack of the diagnostic capacity is very clear at the hospital of Ilha de Mocambique. Ilha de Mocambique inhabits 14.000 people and they are relying on the hospital there. This picture of the Hospital is taken in july 2011. In contrary to what Wikipedia states, part of this building is still being used as a hospital.</p><img src="https://static.igem.org/mediawiki/igem.org/b/b2/HospitalILHAM.JPG" height="330" width="600"/><br />
<br/><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690" /><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T22:28:15Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:150px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 54px;<br />
width: 150px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T22:26:59Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 54px;<br />
width: 150px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T22:26:14Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 54px;<br />
width: 100px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T22:25:19Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 54px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T22:23:48Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 52px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T22:18:31Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */<br />
background:white;<br />
color: black;<br />
height: 60px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T22:14:10Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
height: 50px;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:56:43Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 2px;<br />
padding: 0 0 2px 0; <br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:55:40Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
/*padding: 0 0 5px 0; */<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:53:44Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 30px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:52:58Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 20px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:52:00Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 50px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:48:37Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
width:200px;<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:43:40Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:42:42Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:300px;<br />
height:1000px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:100px;<br />
<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:41:35Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:1000px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:39:58Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:ltr;<br />
<br />
width:100px;<br />
height:200px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:35:24Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:rtl;<br />
<br />
width:500px;<br />
height:100px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:29:44Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:850px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:rtl;<br />
<br />
width:100px;<br />
height:100px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:29:04Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:600px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:rtl;<br />
<br />
width:100px;<br />
height:100px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:27:55Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:1000px;<br />
top:15px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:rtl;<br />
<br />
width:100px;<br />
height:100px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:27:05Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:1300px;<br />
top:10px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:rtl;<br />
<br />
width:100px;<br />
height:100px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:23:58Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:1300px;<br />
top:30px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
/*letter-spacing:1px;*/<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:rtl;<br />
<br />
width:100px;<br />
height:100px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/part1Team:TU-Delft/part12012-10-26T21:20:19Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Receptor</title></head><br />
<body><br />
<div style="height:70px; width:100%;"></div><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"/></a></div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c6/Receptor_header.jpg" align="middle" width="100%"/><br />
<br />
<br />
<h2>Content</h2> <br />
<a href="#P10"> Introduction</a><br><br />
<a href="#P8">Parts </a><br><br />
<a href="#P7">Results </a><br><br />
<a href="#P6"> Conclusions</a><br><br />
<a href="#P5"> Recommendations </a><br><br />
<a href="#P9">References</a><br><br />
<br />
<a name="P10"> <br><h2>Introduction</h2> </a><br />
<h3>Olfactory receptors</h3> <br />
<p><br />
Animals sense their chemical environment through olfactory receptors (ORs). The olfactory receptors are a large group of proteins belonging to a subfamily of G protein-coupled receptors (GPCRs) that bind odorant ligands. If the receptor is activated by a ligand, the confirmation of the receptor is changed and there is an interaction with the a-subunit of the G-protein. This causes dissociation of the a-subunit from the Gß? dimer and the signal is propagated [1]. Because of the sensitivity and selectivity of the of the olfactory system it can be of value in detection of environmental toxins [2] or pharmaceutical screening. In this iGEM project we aim to investigate if the ORs can be used as a diagnostics tool for tuberculosis.</p><br />
<br />
<h3>Yeast G protein-coupled receptors</h3><a name="A4"> </a> <br />
<p>In this project we choose to work with the budding yeast <i>Saccharomyces cerevisiae</i> as a host organism because it utilizes already a GPCR pathway. Furthermore <i>S. cerevisiae</i> has been successfully used for functional expression of GPCR’s [3,4], a lot of genomic tools are available, and it has a fully characterized genome. <br />
In <i>S. cerevisiae</i> two GPCR cascades have been identified: a glucose sensing pathway and a mating pathway [5]. There are two sexes of yeast cells, MATa and MATa. Whenever pheromones (small peptides) of the opposite sex are bound to the specific G-protein coupled receptors (Ste2 p or Ste3p), the MAP kinase cascade is turned on, leading to induction of mating genes such as <i>FUS1</i> and growth arrest mediated by the <i>FAR1</i> promoter. This mating response can be seen in the form of a morphological change, called shmoo formation. In figure 1 an overview of the pheromone and glucose signaling pathways in <i>S. cerevisiae</i> is shown. </p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/4/4a/GPCRinyeast.png" height="425" width="425" /><br />
<h6>Overview of pheromone and glucose signaling in S. cerevisiae. Figure adapted from <i>Versele et al.</i></h6><br />
<br/><br />
<h3>Introduction of a new olfactory receptor</h3> <a name="A3"> </a><br />
<p>Previously it was found that that the yeast pheromone signaling pathway can be coupled to a mammalian olfactory receptor. <i> Minic et al.</i> succeeded in functional expressing the rat 17 OR and its trafficking to the plasma membrane in <i>S. cerevisiae</i>. Between the three GPCRs that are known in <i>S. cerevisiae</i>, Ste2, Ste3 and Gpr1, the sequence similarity is limited. Except for pheromone receptors in <i>Schizosaccharomyces pombe</i> and <i>Kluyveromyces lactis</i>, Ste2 and Ste3 are largely unrelated in sequence to other GPCRs [5]. Nevertheless, the yeast pheromone receptors can be functionally replaced by several mammalian GPCRs so that the pheromone pathway can be activated by the corresponding ligands [4]. For localization of the receptor into the membrane and a higher affinity with the alpha-subunit we made a chimeric design of the receptor, after the research of Radhika et al. [7]. For a detailed design, and how to do this yourself, look at the DIY receptor design page</p><br />
<h3>Niacin olfactory receptor</h3> <a name="A5"> </a> <br />
<p>The receptors GPR109A and GPR109B are known to bind the compound nicotinic acid [8]. It was previously described that GPR109B acts a low affinity receptor for nicotinic acid and GPR109A acts as a high affinity receptor for nicotinic acid and other compounds with related pharmacology [molecular identification of high and low affinity receptors]. The chemical compound methyl nicotinate is closely related to nicotinic acid. Because one of the compounds in the breath of tuberculosis patients is methyl nicotinate [9,10], the high affinity receptor for niacin is a good candidate for testing the ‘olfactory yeast’ as a diagnostics tool. </p><br />
<h3>Isoamylacetate olfactory receptor</h3><a name="B1"> </a><br />
<p>The first iGEM team of MIT 2006 made a biobrick called the ‘banana odor generator’. With this part <i>E. coli</i> cells can generate the isoamyl acetate molecule. We aim to let yeast detect this isoamyl acetate signal with a olfactory receptor. The idea is that in future work the yeast should couple this back to the bacteria to have gaseous yeast/bacteria communication on plates. <br/> The human receptor OR1G1 and mouse receptor Olfr154 are known to react on isoamyl acetate [11] and therefor these two receptors were used in this iGEM project. </p><br/><br />
<a name="P8"><h2>Parts</h2> </a><br />
<p>A design of the receptor construct was made with the olfactory receptors placed between the N-terminal and the C-terminal part of the rat I7 receptor. As a promoter the strong constitutive <i>GPD</i> promoter is used and as a terminator the <i>CYC1</i> terminator. The receptor can be replaced by using the restriction sites BamHI and NdeI. A FLAG tag is added upstream of the receptor sequence to look at the localization of the receptor in the membrane.<br />
The plasmid construct for the receptor expression was obtained by restriction of the synthesized receptor construct and ligation in the pRSII415 expression vector. The following biobricks are created:<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775000 " target="_blank">BBa_K775000</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/GPR109A_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775001 " target="_blank">BBa_K775001</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/8/8d/Olfr154_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775002 " target="_blank">BBa_K775002</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/9/9f/OR1G1_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775003 " target="_blank">BBa_K775003</a><br/></p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c7/Odr10_picture.jpg" width="425" /><br />
<br/><br />
<a name="P7"><h2>Results</h2></a><br />
<h3>Transformations</h3><br />
<p>After transformation of the plasmids in the yeast strain a PCR reaction was performed in order to verify if the plasmid was correctly transformed. Since the PCR reactions were performed with single colonies we expected to obtain one PCR product with the length of the receptor part. However, for all the receptors we saw multiple PCR products on the gel; products with the length of the receptor, and products indicating that only the plasmid backbone was present (without the receptor). This indicates that during growth of the yeast a part of the plasmid was emitted. </p><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/0/0a/DNA_gel_typical_Receptor.png" height="30%" width="30%" /><br />
<h6>1% Agarose Gel run on 80 V, showing <i>S. cerevisiae</i> extracted plasmid DNA of our olfactory receptor construct. Lane 2 shows DNA smartladder. Lane 1 shows a typical bands for the <i>S. cerevisae</i> plasmid extract. The bright band at the height of 2000 nt is the expected PCR band. The secondary bands observed have DNA sizes of approximately 1200 and 400-500 nt.</h6><br />
<br><br><br />
<br />
<h3>Expression and localization of the ORs</h3><br />
<div class=WordSection1><br />
<br />
<a id="FLAG_setup"><h3> Setup </h3></a><br />
NR1, BR1 and BR2 transformed cells and WT cells were stained with conjugated anti-FLAG antibodies according to <a href="https://2012.igem.org/Team:TU-Delft/protocols#P11">the immunofluorescence staining protocol</a> and viewed under a widefield fluorescence microscope (NR1) and a confocal microscope (BR1 and BR2) with the goal of imaging the expression of our GPCR chimeras and image their localization in the cell. The image was analyzed with ImageJ to compare the fluorescence of the cell and cell membrane to the overall fluorescence of the whole picture.<br />
<a id="FLAG_outcome"><h3> Outcome </h3></a><br />
It can be seen that there is expression of the receptor: +NR1 cells are fluorescent (figure 4 below) and the reference strain is very weakly fluorescent (figure 4 top). In some of the +NR1 cells there is clear halo structure visible, which indicates localization of the receptor on the membrane. Below such a typical halo is shown (figure 4). For +BR1 and +BR2 cells receptor expression can be shown also by the fluorescent signal (figure 5, other experiment). The location of the signal indicates expression unequally distributed over the cells, indicating that localization in the membrane is not fully functioning. Contrast of these pictures are not optimal. The reference strain (figure 5, top) showed very little fluorescence. Further, a small percentage of the cells (~5 %) was found to be fluorescent, indicating that constitutive mRNA expression by the GPD promoter did not lead to constitutive protein expression in all cells.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/1/15/NR1_immuno.png" alt="some_text" width="300" align="center"><br />
<p><br />
<h6>Figure 4: FLAG immunolocalization of +NR1 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/0/08/Banana_receptor_summary.png" alt="some_text" width="450" ><br />
<p> <br />
<h6>Figure 5: FLAG immunolocalization of +BR1 and +BR2 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
<br />
<br />
<br />
</div><br />
<br/><br />
<br/><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h3>Ligand activation</h3><br />
<h6>Setup</h6><br />
<p>If the downstream pathway of the olfactory system is activated one of the responses is that the cell goes in growth arrest. If the cells go in growth arrest they will stop growing in the G1 phase and hence the DNA content of the cells should be 1N. By staining the DNA of the cells with a fluorescent dye we watched with flow cytometry at the DNA content and thereby at the cell cycle phase. <br/><br />
The niacin receptors and the two isoamylacetate receptors were induced with the ligand. After staining (see protocols) the DNA content was measured. A fluorescence microscopy imaging experiment was also performed.<br />
<h6>Outcome <i>GPR109A</i></h6><br />
<img src="https://static.igem.org/mediawiki/igem.org/0/0d/DNAstainingNR1.jpg" align="middle" width="100%"/><br />
<h6>Flow cytometer results of I7-Gpr109A transformed cells induced with ligands. Cells were DNA stained and measured after 4.40 hours.</h6><br/><br />
<br />
The picture shows DNA content distribution of two strains, wildtype cells and cells transformed with I7-Gpr109A, 4.40 hours after induction. The I7-Gpr109A without induction shows one peak. WT cells with nicotinic acid show similar cell clouds and peak intensity. The alpha pheromone induced cells however shows a small cloud shifting towards the left. The methyl nicotinate induced cells shows a peak similar to the non-induced cells. The Niacin induced <i style='mso-bidi-font-style:normal'>I7-GPR109A</i> transformed cells however, show two clear clouds after 4.40 induction. This indicates that DNA replication has halted, leaving the cells in their haploid state.<br />
<br/><br/><br />
<br />
<a id="OutcomeBR2"><h3> Outcome +BR2 </h3></a><br />
<br />
To get an idea of the behavior of the cell under influence of ligand and DNA staining, +BR2 and +BR2 &Delta;far1 strains where grown and induced with isoamyl acetate. This experiment was run parallel to the FACS experiment. There was an effect of isoamylacetate on the location of the DNA stain. For all the strains this resulted in an evenly distributed glow over the whole cell after induction of isoamylacetate. Below the results for the OR1G1 Receptor are shown as an example.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/5/51/Tud_Image002e.jpg" width="400" alt="boebeloeba"/><br />
<p><br />
<h6>Figure 7: OR1G1 transformed cells with isoamylacetate as inducing agent at an estimated concentration of 200mM.</h6><br />
<br />
<br />
<a name="P6"><h2>Conclusions</h2> </a><br />
<br />
<br />
The active site of an olfactory receptor, <i>GPR109A</i> placed between the N-terminal and the C-terminal part of the rat I7 receptor was successfully expressed in yeast. For all the yeast strains that were used in the experiments the transformations of receptor parts ( <i> I7-Olfr154, I7-OR1G1, I7-GPR109A, I7-odr10 </i> ) were confirmed with PCR. In one of the transformants ( <i>I7-GPR109A </i>) a halo structure is confirmed, by means of FLAG-tag localization. This points to localization of the receptor on the membrane. <br />
This stain was further researched in a subsequent DNA staining cell cytometry experiment that indicated growth arrest with niacin at T=4.40 and a similar trend with the positive control with alpha-pheromone was observed. With the alternative ligand Methyl Nicotinate no such trend was observed, although such a trend for the alternative ligand could be present. An explanation for this could be that methyl nicotinate is not the primary ligand and therefore does not strongly bind to the receptor.<br><br />
For <i>I7-OR1G1</i> a DNA staining experiment was performed with the goal of observing growth arrest.<br />
In these experiments growth arrest was not observed.<br />
Parallel imaging with fluorescence microscope however showed a change of cellular morphology<br />
by isoamylacetate. It was also observed that isoamylacetate dissolves poorly in water.<br />
This could explain why no growth arrest is observed with the <i>I7-OR1G1</i> transformants.<br />
<br/><br/><br />
<br />
<a name="P5"><h2>Recommendations</h2> </a><br />
<p>During growth of yeast cells transformed with the expression vector we observed two things: not all the cells maintain the right plasmid and the cells grew slower than wild type cells. A reason for this could be that the expression of the receptor is disadvantageously for the cells. Therefor we recommend for future work to use an inducible promoter instead of a strong constitutive promoter. In that case one can make the yeast cells expressing the receptor just before testing the strain.</p><br/><br />
<a name="P9"><h2>References</h2> </a><br />
<h6><br />
[1] Haiqing Zhao, Lidija Ivic, Joji M. Otaki, Mitsuhiro Hashimoto, Katsuhiro Mikoshiba, Stuart Firestein*Functional Expression of a Mammalian Odorant Receptor, Science 279, 237 (1998)<br/><br />
[2] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha &Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain Nature Chemical Biology 3 (2007) <br/><br />
[3] Jasmina Minic, Marie-annick Persuy, Elodie Godel, Josiane Aioun, Ian Connerton, Roland Salesse, Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening, FEBS Journal (2005)<br/><br />
[4] Brown et al, Functional coupling of mammalian receptors to the yeast mating pathway using novel yeast/mammalian G protein a-subunit chimeras, Yeast (2000)<br/><br />
[5] Matthias Versele, Katleen Lemaire, and Johan M. Thevelein, Sex and sugar in yeast: two distinct GPCR systems, EMBO Rep. 2001<br/><br />
[6] Dietmar Krautwurst, King-Wai Yau, and Randall R. Reed, Identification of Ligands for Olfactory Receptors by Functional Expression of a Receptor Library, Cell (1998)<br/><br />
[7] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha & Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain, Nature Chemical biology (2007)<br/><br />
[8] Alan Wise, Steven M. Foord, Neil J. Fraser, Ashley A. Barnes,e Nabil Elshourbagy, Michelle Eilert,g Diane M. Ignarg Paul R. Murdock, Klaudia Steplewski,h Andrew Green,Andrew J. Brown, Simon J. Dowell, Philip G. Szekeres, David G. Hassall, Fiona H. Marshall,a, j Shelagh Wilson, and Nicholas B. Pike<br />
Molecular Identification of High and Low Affinity Receptors for Nicotinic Acid, The journal of biological chemistry (2003) <br/><br />
[9] Georgies F. Mgode Bart J. Weetjens Thorben Nawrath, Christophe Cox, Maureen Jubitana, Robert S. Machang’, Stephan Cohen-Bacrie,e Marielle Bedotto, Michel Drancourt,e Stefan Schulz and Stefan H. E. Kaufmann, Diagnosis of Tuberculosis by Trained African Giant Pouched Rats and Confounding Impact of Pathogens and Microflora of the Respiratory Tract, Journal of clinical microbiology (2011) <br/><br />
[10] Mona Syhre, Stephen T. Chambers, The scent of Mycobacterium tuberculosis, Elsevier (2008)<br/><br />
[11 Valery Matarazzo, Olivier Clot-Faybesse, Brice Marcet, Gaelle Guiraudie-Capraz, Boriana Atanasova, Gerard Devauchelle, Martine Cerutti, Patrick Etievant and Catherine Ronin,Functional Characterization of Two Human Olfactory Receptors Expressed in the Baculovirus Sf9 Insect Cell System, Chem. Senses (2005).</h6><br/><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690" /><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/part1Team:TU-Delft/part12012-10-26T21:19:37Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Receptor</title></head><br />
<body><br />
<div style="height:70px; width:100%;"></div><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"/></a></div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c6/Receptor_header.jpg" align="middle" width="100%"/><br />
<br />
<br />
<h2>Content</h2> <br />
<a href="#P10"> Introduction</a><br><br />
<a href="#P8">Parts </a><br><br />
<a href="#P7">Results </a><br><br />
<a href="#P6"> Conclusions</a><br><br />
<a href="#P5"> Recommendations </a><br><br />
<a href="#P9">References</a><br><br />
<br />
<a name="P10"> <br><h2>Introduction</h2> </a><br />
<h3>Olfactory receptors</h3> <br />
<p><br />
Animals sense their chemical environment through olfactory receptors (ORs). The olfactory receptors are a large group of proteins belonging to a subfamily of G protein-coupled receptors (GPCRs) that bind odorant ligands. If the receptor is activated by a ligand, the confirmation of the receptor is changed and there is an interaction with the a-subunit of the G-protein. This causes dissociation of the a-subunit from the Gß? dimer and the signal is propagated [1]. Because of the sensitivity and selectivity of the of the olfactory system it can be of value in detection of environmental toxins [2] or pharmaceutical screening. In this iGEM project we aim to investigate if the ORs can be used as a diagnostics tool for tuberculosis.</p><br />
<br />
<h3>Yeast G protein-coupled receptors</h3><a name="A4"> </a> <br />
<p>In this project we choose to work with the budding yeast <i>Saccharomyces cerevisiae</i> as a host organism because it utilizes already a GPCR pathway. Furthermore <i>S. cerevisiae</i> has been successfully used for functional expression of GPCR’s [3,4], a lot of genomic tools are available, and it has a fully characterized genome. <br />
In <i>S. cerevisiae</i> two GPCR cascades have been identified: a glucose sensing pathway and a mating pathway [5]. There are two sexes of yeast cells, MATa and MATa. Whenever pheromones (small peptides) of the opposite sex are bound to the specific G-protein coupled receptors (Ste2 p or Ste3p), the MAP kinase cascade is turned on, leading to induction of mating genes such as <i>FUS1</i> and growth arrest mediated by the <i>FAR1</i> promoter. This mating response can be seen in the form of a morphological change, called shmoo formation. In figure 1 an overview of the pheromone and glucose signaling pathways in <i>S. cerevisiae</i> is shown. </p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/4/4a/GPCRinyeast.png" height="425" width="425" /><br />
<h6>Overview of pheromone and glucose signaling in S. cerevisiae. Figure adapted from <i>Versele et al.</i></h6><br />
<br/><br />
<h3>Introduction of a new olfactory receptor</h3> <a name="A3"> </a><br />
<p>Previously it was found that that the yeast pheromone signaling pathway can be coupled to a mammalian olfactory receptor. <i> Minic et al.</i> succeeded in functional expressing the rat 17 OR and its trafficking to the plasma membrane in <i>S. cerevisiae</i>. Between the three GPCRs that are known in <i>S. cerevisiae</i>, Ste2, Ste3 and Gpr1, the sequence similarity is limited. Except for pheromone receptors in <i>Schizosaccharomyces pombe</i> and <i>Kluyveromyces lactis</i>, Ste2 and Ste3 are largely unrelated in sequence to other GPCRs [5]. Nevertheless, the yeast pheromone receptors can be functionally replaced by several mammalian GPCRs so that the pheromone pathway can be activated by the corresponding ligands [4]. For localization of the receptor into the membrane and a higher affinity with the alpha-subunit we made a chimeric design of the receptor, after the research of Radhika et al. [7]. For a detailed design, and how to do this yourself, look at the DIY receptor design page</p><br />
<h3>Niacin olfactory receptor</h3> <a name="A5"> </a> <br />
<p>The receptors GPR109A and GPR109B are known to bind the compound nicotinic acid [8]. It was previously described that GPR109B acts a low affinity receptor for nicotinic acid and GPR109A acts as a high affinity receptor for nicotinic acid and other compounds with related pharmacology [molecular identification of high and low affinity receptors]. The chemical compound methyl nicotinate is closely related to nicotinic acid. Because one of the compounds in the breath of tuberculosis patients is methyl nicotinate [9,10], the high affinity receptor for niacin is a good candidate for testing the ‘olfactory yeast’ as a diagnostics tool. </p><br />
<h3>Isoamylacetate olfactory receptor</h3><a name="B1"> </a><br />
<p>The first iGEM team of MIT 2006 made a biobrick called the ‘banana odor generator’. With this part <i>E. coli</i> cells can generate the isoamyl acetate molecule. We aim to let yeast detect this isoamyl acetate signal with a olfactory receptor. The idea is that in future work the yeast should couple this back to the bacteria to have gaseous yeast/bacteria communication on plates. <br/> The human receptor OR1G1 and mouse receptor Olfr154 are known to react on isoamyl acetate [11] and therefor these two receptors were used in this iGEM project. </p><br/><br />
<a name="P8"><h2>Parts</h2> </a><br />
<p>A design of the receptor construct was made with the olfactory receptors placed between the N-terminal and the C-terminal part of the rat I7 receptor. As a promoter the strong constitutive <i>GPD</i> promoter is used and as a terminator the <i>CYC1</i> terminator. The receptor can be replaced by using the restriction sites BamHI and NdeI. A FLAG tag is added upstream of the receptor sequence to look at the localization of the receptor in the membrane.<br />
The plasmid construct for the receptor expression was obtained by restriction of the synthesized receptor construct and ligation in the pRSII415 expression vector. The following biobricks are created:<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775000 " target="_blank">BBa_K775000</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/GPR109A_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775001 " target="_blank">BBa_K775001</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/8/8d/Olfr154_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775002 " target="_blank">BBa_K775002</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/9/9f/OR1G1_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775003 " target="_blank">BBa_K775003</a><br/></p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c7/Odr10_picture.jpg" width="425" /><br />
<br/><br />
<a name="P7"><h2>Results</h2></a><br />
<h3>Transformations</h3><br />
<p>After transformation of the plasmids in the yeast strain a PCR reaction was performed in order to verify if the plasmid was correctly transformed. Since the PCR reactions were performed with single colonies we expected to obtain one PCR product with the length of the receptor part. However, for all the receptors we saw multiple PCR products on the gel; products with the length of the receptor, and products indicating that only the plasmid backbone was present (without the receptor). This indicates that during growth of the yeast a part of the plasmid was emitted. </p><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/0/0a/DNA_gel_typical_Receptor.png" height="30%" width="30%" /><br />
<h6>1% Agarose Gel run on 80 V, showing <i>S. cerevisiae</i> extracted plasmid DNA of our olfactory receptor construct. Lane 2 shows DNA smartladder. Lane 1 shows a typical bands for the <i>S. cerevisae</i> plasmid extract. The bright band at the height of 2000 nt is the expected PCR band. The secondary bands observed have DNA sizes of approximately 1200 and 400-500 nt.</h6><br />
<br><br><br />
<br />
<h3>Expression and localization of the ORs</h3><br />
<div class=WordSection1><br />
<br />
<a id="FLAG_setup"><h3> Setup </h3></a><br />
NR1, BR1 and BR2 transformed cells and WT cells were stained with conjugated anti-FLAG antibodies according to <a href="https://2012.igem.org/Team:TU-Delft/protocols#P11">the immunofluorescence staining protocol</a> and viewed under a widefield fluorescence microscope (NR1) and a confocal microscope (BR1 and BR2) with the goal of imaging the expression of our GPCR chimeras and image their localization in the cell. The image was analyzed with ImageJ to compare the fluorescence of the cell and cell membrane to the overall fluorescence of the whole picture.<br />
<a id="FLAG_outcome"><h3> Outcome </h3></a><br />
It can be seen that there is expression of the receptor: +NR1 cells are fluorescent (figure 4 below) and the reference strain is very weakly fluorescent (figure 4 top). In some of the +NR1 cells there is clear halo structure visible, which indicates localization of the receptor on the membrane. Below such a typical halo is shown (figure 4). For +BR1 and +BR2 cells receptor expression can be shown also by the fluorescent signal (figure 5, other experiment). The location of the signal indicates expression unequally distributed over the cells, indicating that localization in the membrane is not fully functioning. Contrast of these pictures are not optimal. The reference strain (figure 5, top) showed very little fluorescence. Further, a small percentage of the cells (~5 %) was found to be fluorescent, indicating that constitutive mRNA expression by the GPD promoter did not lead to constitutive protein expression in all cells.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/1/15/NR1_immuno.png" alt="some_text" width="300" align="center"><br />
<p><br />
<h6>Figure 4: FLAG immunolocalization of +NR1 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/0/08/Banana_receptor_summary.png" alt="some_text" width="450" ><br />
<p> <br />
<h6>Figure 5: FLAG immunolocalization of +BR1 and +BR2 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
<br />
<br />
<br />
</div><br />
<br/><br />
<br/><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h3>Ligand activation</h3><br />
<h6>Setup</h6><br />
<p>If the downstream pathway of the olfactory system is activated one of the responses is that the cell goes in growth arrest. If the cells go in growth arrest they will stop growing in the G1 phase and hence the DNA content of the cells should be 1N. By staining the DNA of the cells with a fluorescent dye we watched with flow cytometry at the DNA content and thereby at the cell cycle phase. <br/><br />
The niacin receptors and the two isoamylacetate receptors were induced with the ligand. After staining (see protocols) the DNA content was measured. A fluorescence microscopy imaging experiment was also performed.<br />
<h6>Outcome <i>GPR109A</i></h6><br />
<img src="https://static.igem.org/mediawiki/igem.org/0/0d/DNAstainingNR1.jpg" align="middle" width="100%"/><br />
<h6>Flow cytometer results of I7-Gpr109A transformed cells induced with ligands. Cells were DNA stained and measured after 4.40 hours.</h6><br/><br />
<br />
The picture shows DNA content distribution of two strains, wildtype cells and cells transformed with I7-Gpr109A, 4.40 hours after induction. The I7-Gpr109A without induction shows one peak. WT cells with nicotinic acid show similar cell clouds and peak intensity. The alpha pheromone induced cells however shows a small cloud shifting towards the left. The methyl nicotinate induced cells shows a peak similar to the non-induced cells. The Niacin induced <i style='mso-bidi-font-style:normal'>I7-GPR109A</i> transformed cells however, show two clear clouds after 4.40 induction. This indicates that DNA replication has halted, leaving the cells in their haploid state.<br />
<br/><br/><br />
<br />
<a id="OutcomeBR2"><h3> Outcome +BR2 </h3></a><br />
<br />
To get an idea of the behavior of the cell under influence of ligand and DNA staining, +BR2 and +BR2 & Delta;far1 strains where grown and induced with isoamyl acetate. This experiment was run parallel to the FACS experiment. There was an effect of isoamylacetate on the location of the DNA stain. For all the strains this resulted in an evenly distributed glow over the whole cell after induction of isoamylacetate. Below the results for the OR1G1 Receptor are shown as an example.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/5/51/Tud_Image002e.jpg" width="400" alt="boebeloeba"/><br />
<p><br />
<h6>Figure 7: OR1G1 transformed cells with isoamylacetate as inducing agent at an estimated concentration of 200mM.</h6><br />
<br />
<br />
<a name="P6"><h2>Conclusions</h2> </a><br />
<br />
<br />
The active site of an olfactory receptor, <i>GPR109A</i> placed between the N-terminal and the C-terminal part of the rat I7 receptor was successfully expressed in yeast. For all the yeast strains that were used in the experiments the transformations of receptor parts ( <i> I7-Olfr154, I7-OR1G1, I7-GPR109A, I7-odr10 </i> ) were confirmed with PCR. In one of the transformants ( <i>I7-GPR109A </i>) a halo structure is confirmed, by means of FLAG-tag localization. This points to localization of the receptor on the membrane. <br />
This stain was further researched in a subsequent DNA staining cell cytometry experiment that indicated growth arrest with niacin at T=4.40 and a similar trend with the positive control with alpha-pheromone was observed. With the alternative ligand Methyl Nicotinate no such trend was observed, although such a trend for the alternative ligand could be present. An explanation for this could be that methyl nicotinate is not the primary ligand and therefore does not strongly bind to the receptor.<br><br />
For <i>I7-OR1G1</i> a DNA staining experiment was performed with the goal of observing growth arrest.<br />
In these experiments growth arrest was not observed.<br />
Parallel imaging with fluorescence microscope however showed a change of cellular morphology<br />
by isoamylacetate. It was also observed that isoamylacetate dissolves poorly in water.<br />
This could explain why no growth arrest is observed with the <i>I7-OR1G1</i> transformants.<br />
<br/><br/><br />
<br />
<a name="P5"><h2>Recommendations</h2> </a><br />
<p>During growth of yeast cells transformed with the expression vector we observed two things: not all the cells maintain the right plasmid and the cells grew slower than wild type cells. A reason for this could be that the expression of the receptor is disadvantageously for the cells. Therefor we recommend for future work to use an inducible promoter instead of a strong constitutive promoter. In that case one can make the yeast cells expressing the receptor just before testing the strain.</p><br/><br />
<a name="P9"><h2>References</h2> </a><br />
<h6><br />
[1] Haiqing Zhao, Lidija Ivic, Joji M. Otaki, Mitsuhiro Hashimoto, Katsuhiro Mikoshiba, Stuart Firestein*Functional Expression of a Mammalian Odorant Receptor, Science 279, 237 (1998)<br/><br />
[2] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha &Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain Nature Chemical Biology 3 (2007) <br/><br />
[3] Jasmina Minic, Marie-annick Persuy, Elodie Godel, Josiane Aioun, Ian Connerton, Roland Salesse, Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening, FEBS Journal (2005)<br/><br />
[4] Brown et al, Functional coupling of mammalian receptors to the yeast mating pathway using novel yeast/mammalian G protein a-subunit chimeras, Yeast (2000)<br/><br />
[5] Matthias Versele, Katleen Lemaire, and Johan M. Thevelein, Sex and sugar in yeast: two distinct GPCR systems, EMBO Rep. 2001<br/><br />
[6] Dietmar Krautwurst, King-Wai Yau, and Randall R. Reed, Identification of Ligands for Olfactory Receptors by Functional Expression of a Receptor Library, Cell (1998)<br/><br />
[7] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha & Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain, Nature Chemical biology (2007)<br/><br />
[8] Alan Wise, Steven M. Foord, Neil J. Fraser, Ashley A. Barnes,e Nabil Elshourbagy, Michelle Eilert,g Diane M. Ignarg Paul R. Murdock, Klaudia Steplewski,h Andrew Green,Andrew J. Brown, Simon J. Dowell, Philip G. Szekeres, David G. Hassall, Fiona H. Marshall,a, j Shelagh Wilson, and Nicholas B. Pike<br />
Molecular Identification of High and Low Affinity Receptors for Nicotinic Acid, The journal of biological chemistry (2003) <br/><br />
[9] Georgies F. Mgode Bart J. Weetjens Thorben Nawrath, Christophe Cox, Maureen Jubitana, Robert S. Machang’, Stephan Cohen-Bacrie,e Marielle Bedotto, Michel Drancourt,e Stefan Schulz and Stefan H. E. Kaufmann, Diagnosis of Tuberculosis by Trained African Giant Pouched Rats and Confounding Impact of Pathogens and Microflora of the Respiratory Tract, Journal of clinical microbiology (2011) <br/><br />
[10] Mona Syhre, Stephen T. Chambers, The scent of Mycobacterium tuberculosis, Elsevier (2008)<br/><br />
[11 Valery Matarazzo, Olivier Clot-Faybesse, Brice Marcet, Gaelle Guiraudie-Capraz, Boriana Atanasova, Gerard Devauchelle, Martine Cerutti, Patrick Etievant and Catherine Ronin,Functional Characterization of Two Human Olfactory Receptors Expressed in the Baculovirus Sf9 Insect Cell System, Chem. Senses (2005).</h6><br/><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690" /><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/part1Team:TU-Delft/part12012-10-26T21:16:53Z<p>Eftychia: </p>
<hr />
<div>{{:Team:TUDelft/Scripts}}{{:Team:TUDelft/CSS}}{{:Team:TUDelft/menu}}<br />
<html><br />
<head><title>Receptor</title></head><br />
<body><br />
<div style="height:70px; width:100%;"></div><br />
<div id="logo_ed"><a href="https://2012.igem.org/Team:TU-Delft" 'onfocus=this.blur()'><img src="https://static.igem.org/mediawiki/igem.org/8/88/Logoigemklein.png" border="0" width="100" height="100"/></a></div><br />
<br />
<div id="contentbox" style="text-align:justify;"><br />
<br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c6/Receptor_header.jpg" align="middle" width="100%"/><br />
<br />
<br />
<h2>Content</h2> <br />
<a href="#P10"> Introduction</a><br><br />
<a href="#P8">Parts </a><br><br />
<a href="#P7">Results </a><br><br />
<a href="#P6"> Conclusions</a><br><br />
<a href="#P5"> Recommendations </a><br><br />
<a href="#P9">References</a><br><br />
<br />
<a name="P10"> <br><h2>Introduction</h2> </a><br />
<h3>Olfactory receptors</h3> <br />
<p><br />
Animals sense their chemical environment through olfactory receptors (ORs). The olfactory receptors are a large group of proteins belonging to a subfamily of G protein-coupled receptors (GPCRs) that bind odorant ligands. If the receptor is activated by a ligand, the confirmation of the receptor is changed and there is an interaction with the a-subunit of the G-protein. This causes dissociation of the a-subunit from the Gß? dimer and the signal is propagated [1]. Because of the sensitivity and selectivity of the of the olfactory system it can be of value in detection of environmental toxins [2] or pharmaceutical screening. In this iGEM project we aim to investigate if the ORs can be used as a diagnostics tool for tuberculosis.</p><br />
<br />
<h3>Yeast G protein-coupled receptors</h3><a name="A4"> </a> <br />
<p>In this project we choose to work with the budding yeast <i>Saccharomyces cerevisiae</i> as a host organism because it utilizes already a GPCR pathway. Furthermore <i>S. cerevisiae</i> has been successfully used for functional expression of GPCR’s [3,4], a lot of genomic tools are available, and it has a fully characterized genome. <br />
In <i>S. cerevisiae</i> two GPCR cascades have been identified: a glucose sensing pathway and a mating pathway [5]. There are two sexes of yeast cells, MATa and MATa. Whenever pheromones (small peptides) of the opposite sex are bound to the specific G-protein coupled receptors (Ste2 p or Ste3p), the MAP kinase cascade is turned on, leading to induction of mating genes such as <i>FUS1</i> and growth arrest mediated by the <i>FAR1</i> promoter. This mating response can be seen in the form of a morphological change, called shmoo formation. In figure 1 an overview of the pheromone and glucose signaling pathways in <i>S. cerevisiae</i> is shown. </p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/4/4a/GPCRinyeast.png" height="425" width="425" /><br />
<h6>Overview of pheromone and glucose signaling in S. cerevisiae. Figure adapted from <i>Versele et al.</i></h6><br />
<br/><br />
<h3>Introduction of a new olfactory receptor</h3> <a name="A3"> </a><br />
<p>Previously it was found that that the yeast pheromone signaling pathway can be coupled to a mammalian olfactory receptor. <i> Minic et al.</i> succeeded in functional expressing the rat 17 OR and its trafficking to the plasma membrane in <i>S. cerevisiae</i>. Between the three GPCRs that are known in <i>S. cerevisiae</i>, Ste2, Ste3 and Gpr1, the sequence similarity is limited. Except for pheromone receptors in <i>Schizosaccharomyces pombe</i> and <i>Kluyveromyces lactis</i>, Ste2 and Ste3 are largely unrelated in sequence to other GPCRs [5]. Nevertheless, the yeast pheromone receptors can be functionally replaced by several mammalian GPCRs so that the pheromone pathway can be activated by the corresponding ligands [4]. For localization of the receptor into the membrane and a higher affinity with the alpha-subunit we made a chimeric design of the receptor, after the research of Radhika et al. [7]. For a detailed design, and how to do this yourself, look at the DIY receptor design page</p><br />
<h3>Niacin olfactory receptor</h3> <a name="A5"> </a> <br />
<p>The receptors GPR109A and GPR109B are known to bind the compound nicotinic acid [8]. It was previously described that GPR109B acts a low affinity receptor for nicotinic acid and GPR109A acts as a high affinity receptor for nicotinic acid and other compounds with related pharmacology [molecular identification of high and low affinity receptors]. The chemical compound methyl nicotinate is closely related to nicotinic acid. Because one of the compounds in the breath of tuberculosis patients is methyl nicotinate [9,10], the high affinity receptor for niacin is a good candidate for testing the ‘olfactory yeast’ as a diagnostics tool. </p><br />
<h3>Isoamylacetate olfactory receptor</h3><a name="B1"> </a><br />
<p>The first iGEM team of MIT 2006 made a biobrick called the ‘banana odor generator’. With this part <i>E. coli</i> cells can generate the isoamyl acetate molecule. We aim to let yeast detect this isoamyl acetate signal with a olfactory receptor. The idea is that in future work the yeast should couple this back to the bacteria to have gaseous yeast/bacteria communication on plates. <br/> The human receptor OR1G1 and mouse receptor Olfr154 are known to react on isoamyl acetate [11] and therefor these two receptors were used in this iGEM project. </p><br/><br />
<a name="P8"><h2>Parts</h2> </a><br />
<p>A design of the receptor construct was made with the olfactory receptors placed between the N-terminal and the C-terminal part of the rat I7 receptor. As a promoter the strong constitutive <i>GPD</i> promoter is used and as a terminator the <i>CYC1</i> terminator. The receptor can be replaced by using the restriction sites BamHI and NdeI. A FLAG tag is added upstream of the receptor sequence to look at the localization of the receptor in the membrane.<br />
The plasmid construct for the receptor expression was obtained by restriction of the synthesized receptor construct and ligation in the pRSII415 expression vector. The following biobricks are created:<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775000 " target="_blank">BBa_K775000</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/b/b9/GPR109A_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775001 " target="_blank">BBa_K775001</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/8/8d/Olfr154_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775002 " target="_blank">BBa_K775002</a><br/><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/9/9f/OR1G1_picture.jpg" width="425" /><br />
<br/><br />
<a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K775003 " target="_blank">BBa_K775003</a><br/></p><br />
<br/><br />
<img src="https://static.igem.org/mediawiki/igem.org/c/c7/Odr10_picture.jpg" width="425" /><br />
<br/><br />
<a name="P7"><h2>Results</h2></a><br />
<h3>Transformations</h3><br />
<p>After transformation of the plasmids in the yeast strain a PCR reaction was performed in order to verify if the plasmid was correctly transformed. Since the PCR reactions were performed with single colonies we expected to obtain one PCR product with the length of the receptor part. However, for all the receptors we saw multiple PCR products on the gel; products with the length of the receptor, and products indicating that only the plasmid backbone was present (without the receptor). This indicates that during growth of the yeast a part of the plasmid was emitted. </p><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/0/0a/DNA_gel_typical_Receptor.png" height="30%" width="30%" /><br />
<h6>1% Agarose Gel run on 80 V, showing <i>S. cerevisiae</i> extracted plasmid DNA of our olfactory receptor construct. Lane 2 shows DNA smartladder. Lane 1 shows a typical bands for the <i>S. cerevisae</i> plasmid extract. The bright band at the height of 2000 nt is the expected PCR band. The secondary bands observed have DNA sizes of approximately 1200 and 400-500 nt.</h6><br />
<br><br><br />
<br />
<h3>Expression and localization of the ORs</h3><br />
<div class=WordSection1><br />
<br />
<a id="FLAG_setup"><h3> Setup </h3></a><br />
NR1, BR1 and BR2 transformed cells and WT cells were stained with conjugated anti-FLAG antibodies according to <a href="https://2012.igem.org/Team:TU-Delft/protocols#P11">the immunofluorescence staining protocol</a> and viewed under a widefield fluorescence microscope (NR1) and a confocal microscope (BR1 and BR2) with the goal of imaging the expression of our GPCR chimeras and image their localization in the cell. The image was analyzed with ImageJ to compare the fluorescence of the cell and cell membrane to the overall fluorescence of the whole picture.<br />
<a id="FLAG_outcome"><h3> Outcome </h3></a><br />
It can be seen that there is expression of the receptor: +NR1 cells are fluorescent (figure 4 below) and the reference strain is very weakly fluorescent (figure 4 top). In some of the +NR1 cells there is clear halo structure visible, which indicates localization of the receptor on the membrane. Below such a typical halo is shown (figure 4). For +BR1 and +BR2 cells receptor expression can be shown also by the fluorescent signal (figure 5, other experiment). The location of the signal indicates expression unequally distributed over the cells, indicating that localization in the membrane is not fully functioning. Contrast of these pictures are not optimal. The reference strain (figure 5, top) showed very little fluorescence. Further, a small percentage of the cells (~5 %) was found to be fluorescent, indicating that constitutive mRNA expression by the GPD promoter did not lead to constitutive protein expression in all cells.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/1/15/NR1_immuno.png" alt="some_text" width="300" align="center"><br />
<p><br />
<h6>Figure 4: FLAG immunolocalization of +NR1 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/0/08/Banana_receptor_summary.png" alt="some_text" width="450" ><br />
<p> <br />
<h6>Figure 5: FLAG immunolocalization of +BR1 and +BR2 yeast cells expressing a receptor with DYKDDDDK tag.</h6><br />
<br />
<br />
<br />
</div><br />
<br/><br />
<br/><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h3>Ligand activation</h3><br />
<h6>Setup</h6><br />
<p>If the downstream pathway of the olfactory system is activated one of the responses is that the cell goes in growth arrest. If the cells go in growth arrest they will stop growing in the G1 phase and hence the DNA content of the cells should be 1N. By staining the DNA of the cells with a fluorescent dye we watched with flow cytometry at the DNA content and thereby at the cell cycle phase. <br/><br />
The niacin receptors and the two isoamylacetate receptors were induced with the ligand. After staining (see protocols) the DNA content was measured. A fluorescence microscopy imaging experiment was also performed.<br />
<h6>Outcome <i>GPR109A</i></h6><br />
<img src="https://static.igem.org/mediawiki/igem.org/0/0d/DNAstainingNR1.jpg" align="middle" width="100%"/><br />
<h6>Flow cytometer results of I7-Gpr109A transformed cells induced with ligands. Cells were DNA stained and measured after 4.40 hours.</h6><br/><br />
<br />
The picture shows DNA content distribution of two strains, wildtype cells and cells transformed with I7-Gpr109A, 4.40 hours after induction. The I7-Gpr109A without induction shows one peak. WT cells with nicotinic acid show similar cell clouds and peak intensity. The alpha pheromone induced cells however shows a small cloud shifting towards the left. The methyl nicotinate induced cells shows a peak similar to the non-induced cells. The Niacin induced <i style='mso-bidi-font-style:normal'>I7-GPR109A</i> transformed cells however, show two clear clouds after 4.40 induction. This indicates that DNA replication has halted, leaving the cells in their haploid state.<br />
<br/><br />
<a id="OutcomeBR2"><h3> Outcome +BR2 </h3></a><br />
<br/><br />
To get an idea of the behavior of the cell under influence of ligand and DNA staining, +BR2 and +BR2 ?far1 strains where grown and induced with isoamyl acetate. This experiment was run parallel to the FACS experiment. There was an effect of isoamylacetate on the location of the DNA stain. For all the strains this resulted in an evenly distributed glow over the whole cell after induction of isoamylacetate. Below the results for the OR1G1 Receptor are shown as an example.<br />
</p><br />
<img src="https://static.igem.org/mediawiki/2012/5/51/Tud_Image002e.jpg" width="400" alt="boebeloeba"/><br />
<p><br />
<h6>Figure 7: OR1G1 transformed cells with isoamylacetate as inducing agent at an estimated concentration of 200mM.</h6><br />
<br />
<br />
<a name="P6"><h2>Conclusions</h2> </a><br />
<br />
<br />
The active site of an olfactory receptor, <i>GPR109A</i> placed between the N-terminal and the C-terminal part of the rat I7 receptor was successfully expressed in yeast. For all the yeast strains that were used in the experiments the transformations of receptor parts ( <i> I7-Olfr154, I7-OR1G1, I7-GPR109A, I7-odr10 </i> ) were confirmed with PCR. In one of the transformants ( <i>I7-GPR109A </i>) a halo structure is confirmed, by means of FLAG-tag localization. This points to localization of the receptor on the membrane. <br />
This stain was further researched in a subsequent DNA staining cell cytometry experiment that indicated growth arrest with niacin at T=4.40 and a similar trend with the positive control with alpha-pheromone was observed. With the alternative ligand Methyl Nicotinate no such trend was observed, although such a trend for the alternative ligand could be present. An explanation for this could be that methyl nicotinate is not the primary ligand and therefore does not strongly bind to the receptor.<br><br />
For <i>I7-OR1G1</i> a DNA staining experiment was performed with the goal of observing growth arrest.<br />
In these experiments growth arrest was not observed.<br />
Parallel imaging with fluorescence microscope however showed a change of cellular morphology<br />
by isoamylacetate. It was also observed that isoamylacetate dissolves poorly in water.<br />
This could explain why no growth arrest is observed with the <i>I7-OR1G1</i> transformants.<br />
<br/><br/><br />
<br />
<a name="P5"><h2>Recommendations</h2> </a><br />
<p>During growth of yeast cells transformed with the expression vector we observed two things: not all the cells maintain the right plasmid and the cells grew slower than wild type cells. A reason for this could be that the expression of the receptor is disadvantageously for the cells. Therefor we recommend for future work to use an inducible promoter instead of a strong constitutive promoter. In that case one can make the yeast cells expressing the receptor just before testing the strain.</p><br/><br />
<a name="P9"><h2>References</h2> </a><br />
<h6><br />
[1] Haiqing Zhao, Lidija Ivic, Joji M. Otaki, Mitsuhiro Hashimoto, Katsuhiro Mikoshiba, Stuart Firestein*Functional Expression of a Mammalian Odorant Receptor, Science 279, 237 (1998)<br/><br />
[2] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha &Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain Nature Chemical Biology 3 (2007) <br/><br />
[3] Jasmina Minic, Marie-annick Persuy, Elodie Godel, Josiane Aioun, Ian Connerton, Roland Salesse, Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening, FEBS Journal (2005)<br/><br />
[4] Brown et al, Functional coupling of mammalian receptors to the yeast mating pathway using novel yeast/mammalian G protein a-subunit chimeras, Yeast (2000)<br/><br />
[5] Matthias Versele, Katleen Lemaire, and Johan M. Thevelein, Sex and sugar in yeast: two distinct GPCR systems, EMBO Rep. 2001<br/><br />
[6] Dietmar Krautwurst, King-Wai Yau, and Randall R. Reed, Identification of Ligands for Olfactory Receptors by Functional Expression of a Receptor Library, Cell (1998)<br/><br />
[7] Venkat Radhika, Tassula Proikas-Cezanne, Muralidharan Jayaraman, Djamila Onesime, Ji Hee Ha & Danny N Dhanasekaran, Chemical sensing of DNT by engineered olfactory yeast strain, Nature Chemical biology (2007)<br/><br />
[8] Alan Wise, Steven M. Foord, Neil J. Fraser, Ashley A. Barnes,e Nabil Elshourbagy, Michelle Eilert,g Diane M. Ignarg Paul R. Murdock, Klaudia Steplewski,h Andrew Green,Andrew J. Brown, Simon J. Dowell, Philip G. Szekeres, David G. Hassall, Fiona H. Marshall,a, j Shelagh Wilson, and Nicholas B. Pike<br />
Molecular Identification of High and Low Affinity Receptors for Nicotinic Acid, The journal of biological chemistry (2003) <br/><br />
[9] Georgies F. Mgode Bart J. Weetjens Thorben Nawrath, Christophe Cox, Maureen Jubitana, Robert S. Machang’, Stephan Cohen-Bacrie,e Marielle Bedotto, Michel Drancourt,e Stefan Schulz and Stefan H. E. Kaufmann, Diagnosis of Tuberculosis by Trained African Giant Pouched Rats and Confounding Impact of Pathogens and Microflora of the Respiratory Tract, Journal of clinical microbiology (2011) <br/><br />
[10] Mona Syhre, Stephen T. Chambers, The scent of Mycobacterium tuberculosis, Elsevier (2008)<br/><br />
[11 Valery Matarazzo, Olivier Clot-Faybesse, Brice Marcet, Gaelle Guiraudie-Capraz, Boriana Atanasova, Gerard Devauchelle, Martine Cerutti, Patrick Etievant and Catherine Ronin,Functional Characterization of Two Human Olfactory Receptors Expressed in the Baculovirus Sf9 Insect Cell System, Chem. Senses (2005).</h6><br/><br />
<br />
</div><br />
<img src="https://static.igem.org/mediawiki/igem.org/3/37/Footer_2.jpg" align="middle" width="690" /><br />
<a href='https://2012.igem.org/Main_Page' target="_blank"><div id='logo_igem2'></div><a/></body></html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:13:13Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:1300px;<br />
top:30px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 620px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
width:100px;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:rtl;<br />
<br />
width:100px;<br />
height:100px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychiahttp://2012.igem.org/Team:TU-Delft/CSSTeam:TU-Delft/CSS2012-10-26T21:03:13Z<p>Eftychia: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
@charset "UTF-8";<br />
/*CSS Document */<br />
<br />
/* colors #2ab117; is the intense green that our background has<br />
#357c24; is more dark green<br />
#000000; is black<br />
#ffffff; is white<br />
#10143a; is the dark blue we had at first */<br />
<br />
/* colors lab notebook */<br />
.day-empty {<br />
color: red;<br />
}<br />
.day-active {<br />
color: green;<br />
}<br />
<br />
*{<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
html {<br />
width:100%;<br />
height:100%;<br />
background:none;<br />
/*background-image:url('https://static.igem.org/mediawiki/igem.org/7/73/Backgroundextra.jpg');*/<br />
border:none; <br />
margin:0;<br />
padding:0;<br />
}<br />
<br />
body {<br />
width:100%;<br />
height:100%;<br />
/*background:#10143a;*/<br />
border:none;<br />
padding:0;<br />
z-index:800;<br />
}<br />
#contentbox {<br />
width: 80%;<br />
position: relative; <br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 25px;<br />
<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
#contentboxnew1 {<br />
<br />
background:white;<br />
width:800px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
table#tbtext<br />
{ <br />
width:400px;<br />
font-weight:400;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 10px;<br />
text-align: left;<br />
padding-left: 3px;<br />
text-align: justify; <br />
}<br />
td#tdunderline{border-bottom: green solid thin;}<br />
<br />
h1 {<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:18px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
/*border-bottom:2px solid #2ab117; */<br />
text-decoration: none;<br />
color: #2ab117;<br />
}<br />
<br />
<br />
h2{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:16px;<br />
text-transform:uppercase;<br />
letter-spacing:1px;<br />
border-bottom:2px solid #000000;<br />
text-decoration: none;<br />
color: #000000;<br />
}<br />
<br />
h3{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:12px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
<br />
h3home{<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-variant: small-caps;<br />
font-stretch: ultra-expanded; <br />
color: #2ab117;<br />
font-size:20px;<br />
font-weight:bold;<br />
line-height:18px;<br />
letter-spacing:1px;<br />
}<br />
h6{<br />
color: #357c24; <br />
font-size:11px;<br />
}<br />
<br />
a:link, a:active, a:visited{<br />
color: #357c24;<br />
text-decoration:none;<br />
font-weight:#2ab117;<br />
target-name:new;<br />
target-new:tab;<br />
<br />
}<br />
a:hover{<br />
color:#2ab117;<br />
}<br />
#content {<br />
background: #2ab117;<br />
padding:0;<br />
width:100%;<br />
border:0;<br />
}<br />
#bodyContent{<br />
margin:0 auto;<br />
padding:0;<br />
width:685px;<br />
border:0;<br />
background:white;<br />
z-index:800;<br />
}<br />
<br />
#contentbox {<br />
background:white;<br />
width:590px;<br />
margin: -10px auto 0 auto;<br />
padding:20px 50px 50px 50px;<br />
float: left;<br />
text-decoration:none;<br />
border:none;<br />
z-index:800;<br />
}<br />
<br />
<br />
img.bg_team {<br />
<br />
<br />
/* Set rules to fill background */<br />
min-height: 100%;<br />
min-width: 1024px;<br />
<br />
/* Set up proportionate scaling */<br />
width: 100%;<br />
height: auto;<br />
<br />
/* Set up positioning */<br />
position: fixed;<br />
top: 0;<br />
left: 0;<br />
z-index:-1;<br />
}<br />
<br />
@media screen and (max-width: 1024px){<br />
img.bg_team {<br />
left: 50%;<br />
margin-left: -512px; }<br />
}<br />
<br />
#logo_ed{<br />
position:fixed;<br />
width:150px;<br />
height:100px;<br />
margin:10px 0 0 10px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
padding:0;<br />
float:left;<br />
z-index:999;<br />
}<br />
#logo_igem2{<br />
position:fixed;<br />
width:70px;<br />
height:57px;<br />
margin:120px 0 0 20px;<br />
border:0;<br />
top:0px;<br />
left:0px;<br />
float:left;<br />
z-index:9990;<br />
background-image:url('https://static.igem.org/mediawiki/igem.org/6/6b/Logo_igem_black.png');<br />
}<br />
#logo_igem2:hover{<br />
background-image:url('https://static.igem.org/mediawiki/2012/6/64/TUDelftLogo_igem_color.png');<br />
}<br />
<br />
#twitter_widget{<br />
position:fixed;<br />
width:160px;<br />
height:250px;<br />
background:white;<br />
padding:10px 0 0 0;<br />
bottom:90px;<br />
left:0px;<br />
z-index:1001;<br />
}<br />
<br />
#social_linkall{<br />
position:fixed;<br />
bottom:48px;<br />
left:10px;<br />
width:120px;<br />
height:35px;<br />
z-index:1001;<br />
border:0;<br />
}<br />
<br />
#social_icons{<br />
position:fixed;<br />
bottom:15px;<br />
left:20px;<br />
width:110px;<br />
height:24px;<br />
z-index:1001;<br />
}<br />
/*<br />
#video-container{<br />
position:relative;<br />
z-index:800;<br />
}<br />
*/<br />
<br />
#nav { /*main menu css*/<br />
position:fixed;<br />
width:1300px;<br />
top:30px;<br />
left:40%;<br />
right:60%;<br />
margin: 0 0 0 -230px;<br />
padding: 0;<br />
z-index:1001;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
}<br />
#nav ul{<br />
width: 650px;<br />
background: white;<br />
text-align:center;<br />
margin: 0 auto;<br />
}<br />
#nav li.on ul, #nav li.off ul {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
#nav a {<br />
text-decoration: none;<br />
}<br />
#nav li { /*float the main list items*/<br />
position:static;<br />
margin: 0;<br />
float: left; <br />
display: inline;<br />
padding:0 3px;<br />
background:white ;<br />
text-align:center;<br />
}<br />
#nav li ul {<br />
display: none;<br />
<br />
}<br />
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/<br />
position:static;<br />
direction:rtl;<br />
<br />
width:50px;<br />
height:500px;<br />
top:95%;<br />
/*left:30px;<br />
right:50%;*/<br />
margin: 0 0 0 -150px;<br />
padding: 0 0 0 0;<br />
background:white;<br />
text-align:center;<br />
<br />
}<br />
<br />
#nav li a {<br />
color: #000000; /*the main menu letters color but home*/<br />
font-weight: bold;<br />
display: block;<br />
height: 15px;<br />
width: auto;<br />
border-bottom:0;<br />
margin: 5px;<br />
padding: 0 0 5px 0;<br />
}<br />
<br />
#nav li a span { /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li a span span span{ /*i dont know what this is about*/<br />
color: #FFD109;<br />
}<br />
<br />
#nav li.on a {<br />
border-bottom: 2px solid black;<br />
color: #000000; /*the color of HOME by default*/<br />
}<br />
<br />
#nav li.on2 a { /*i dont know what this is about*/<br />
border-bottom: 2px solid blue;<br />
color: aqua;<br />
}<br />
<br />
#nav li.on a:hover {<br />
color: #2ab117;<br />
}<br />
<br />
#nav li.on a:hover span{<br />
color:#2ab117;<br />
}<br />
<br />
#nav li.on ul a, #nav li.off ul a {<br />
/*float: center; ie doesn't inherit the float*/<br />
border: 0;<br />
font-size:12px;<br />
color: #2ab117;<br />
width: auto;<br />
margin-right: 0px;<br />
/*text-align: center;*/<br />
}<br />
#nav li.on ul {<br />
display: block;<br />
}<br />
#nav li.off:hover ul {<br />
display: inline;<br />
z-index: 6000;<br />
}<br />
#nav li.off a:hover, #nav li:hover a {<br />
background:white;<br />
color: black;<br />
}<br />
<br />
#nav li.off a:hover span, #nav li:hover a {<br />
background: white;<br />
color: #2ab117;<br />
}<br />
<br />
.third{<br />
font-size:11px;<br />
padding:0;<br />
}<br />
<br />
#footer {<br />
text-decoration:none;<br />
border:none;<br />
width:100%;<br />
}<br />
#footer-box{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.sum_dot{<br />
list-style: disc;<br />
}<br />
<br />
.sum_number{<br />
list-style: decimal;<br />
}<br />
<br />
#contentSub{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
<br />
<br />
#catlinks{<br />
width:0px;<br />
height:0px;<br />
display:none;<br />
}<br />
<br />
.twtr-widget {<br />
width: 150px;<br />
}<br />
<br />
.twtr-hd, .twtr-ft { <br />
display:none; <br />
}<br />
<br />
#siteSub {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
.firstHeading {<br />
display:none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
}<br />
<br />
#p-logo {<br />
display:none;<br />
}<br />
<br />
#top-section {<br />
border:none;<br />
margin: 0 auto;<br />
height:0px ! important;<br />
width:100%;<br />
}<br />
#centeredimage {<br />
display: block;<br />
text-align:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
#globalWrapper{<br />
margin:0;<br />
padding:0;<br />
border:0;<br />
}<br />
.visualClear{<br />
height:0;<br />
width:0;<br />
display:none;<br />
}<br />
<br />
#menubar {<br />
position: absolute;<br />
white-space: nowrap;<br />
top:0;<br />
width: 350px;<br />
z-index: 5;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size: 95%;<br />
line-height: 1em;<br />
z-index:1001;<br />
}<br />
<br />
#menubar ul {<br />
color: #E81B05;<br />
list-style: none;<br />
}<br />
#menubar li {<br />
display: inline;<br />
position: relative;<br />
cursor: pointer;<br />
padding-left: 0px;<br />
padding-right: 0px;<br />
}<br />
<br />
<br />
#centeredmenu_bg{<br />
position:fixed;<br />
top:0px;<br />
background:#ffffff; /* the white line behind the main menu*/<br />
left:0px;<br />
width:100%;<br />
height:70px;<br />
z-index:999;<br />
}<br />
<br />
#centeredmenu {<br />
position:fixed;<br />
width:690px;<br />
bottom:15px;<br />
left:50%;<br />
margin:0 0 0 -345px;<br />
padding:0;<br />
<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;<br />
font-size:14px;<br />
letter-spacing:1px;<br />
text-transform:uppercase;<br />
z-index:999;<br />
text-align:center;<br />
}<br />
<br />
#centeredmenu ul {<br />
display:inline;<br />
clear:left;<br />
list-style:none;<br />
line-height:20px;<br />
height:20px;<br />
margin:0;<br />
position:relative;<br />
right:0px;<br />
text-align:center;<br />
background:red;<br />
}<br />
#centeredmenu ul li {<br />
display:inline;<br />
list-style:none;<br />
margin:0;<br />
text-decoration:none;<br />
padding:10px;<br />
position:relative;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
<br />
#centeredmenu ul li a {<br />
display:inline;<br />
margin:0 0 0 1px;<br />
text-decoration:none;<br />
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; <br />
color:aqua;<br />
font-size:14px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
line-height:16px;<br />
letter-spacing:1px;<br />
}<br />
#centeredmenu ul li a:hover {<br />
text-decoration:none;<br />
border-bottom: 2px solid black;<br />
}<br />
<br />
<br />
.left-menu li a {<br />
padding: 0px 10px 0px 0px;<br />
color:<br />
}<br />
.left-menu .selected {<br />
# color: white;<br />
}<br />
#.left-menu .selected:hover {<br />
# color: #000000;<br />
#}<br />
<br />
.left-menu:hover a {<br />
color: #000000;<br />
}<br />
<br />
.left-menu, .left-menu a {<br />
left: 0px;<br />
text-align: left;<br />
color:transparent;<br />
text-transform: lowercase;<br />
}<br />
<br />
.left-menu a:hover {<br />
text-decoration:underline;<br />
}<br />
.left-menu:hover {<br />
color: #000000;<br />
background-color: white;<br />
}<br />
<br />
.right-menu li {<br />
# background-color: yellow ;<br />
}<br />
<br />
.right-menu li a {<br />
padding: 0px 15px 0px 0px;<br />
color: white;<br />
background-color: #2ab117;<br />
}<br />
.right-menu li a:hover {<br />
color: #2ab117; <br />
text-decoration: underline;<br />
background-color: white;<br />
}<br />
.right-menu, .right-menu a {<br />
right: 0px;<br />
text-align: right;<br />
color: white;<br />
<br />
}<br />
<br />
#logo_igem_div{<br />
position:relative;<br />
top:0;<br />
left:0;<br />
width:70px;<br />
height:57px;<br />
border:0;<br />
margin:0;<br />
padding:0;<br />
overflow:hidden;<br />
}<br />
<br />
<br />
<br />
<br />
<br />
<br />
#lightbox{ <br />
position: absolute; <br />
left: 0; <br />
width: 100%; <br />
z-index: 100; <br />
text-align: center; <br />
line-height: 0;<br />
}<br />
#lightbox img{ <br />
width: auto; <br />
height: auto;<br />
}<br />
#lightbox a img{ <br />
border: none; <br />
}<br />
<br />
#outerImageContainer{ <br />
position: relative; <br />
background-color: white; <br />
width: 250px; <br />
height: 250px; <br />
margin: 0 auto; <br />
}<br />
#imageContainer{ <br />
padding: 10px; <br />
}<br />
<br />
#loading{ <br />
position: absolute; <br />
top: 40%; <br />
left: 0%; <br />
height: 25%; <br />
width: 100%; <br />
text-align: center; <br />
line-height: 0; <br />
}<br />
#hoverNav{ <br />
position: absolute; <br />
top: 0; <br />
left: 0; <br />
height: 100%; <br />
width: 100%; <br />
z-index: 10; <br />
}<br />
#imageContainer>#hoverNav{ left: 0;}<br />
#hoverNav a{ outline: none;}<br />
<br />
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }<br />
#prevLink { left: 0; float: left;}<br />
#nextLink { right: 0; float: right;}<br />
#prevLink:hover, #prevLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lighbox/prevlabel.gif) left 15% no-repeat; }<br />
#nextLink:hover, #nextLink:visited:hover { background: url(http://homes.esat.kuleuven.be/~igemwiki/images/lightbox/nextlabel.gif) right 15% no-repeat; }<br />
<br />
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }<br />
<br />
#imageData{ padding:0 10px; color: #000; }<br />
#imageData #imageDetails{ width: 70%; float: left; text-align: left; } <br />
#imageData #caption{ font-weight: bold; }<br />
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } <br />
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} <br />
<br />
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }<br />
<br />
<br />
<br />
</style><br />
</html></div>Eftychia