Team:UCL/Science

{{:Team:UCL/Template:headerx}}
<!--=================HTML===================-->
<html>
<!--This is script for firewall.js -->
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&amp;ctype=text/javascript"></script>


<div class="banner-image-special"></div>		
<div style="padding-top:500px;">
<h1>Wet Lab</h1>
<div class="layout">
<div id='grid' style="
    padding-bottom: 0;
    margin-bottom: 0;
">
        <div class='box biobricks-pro'><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div>
		<div class='box experiments-sci'><a href=" https://2014.igem.org/Team:UCL/Science/Experiment"><span class="overlayx"></span></a></div>
		<div class='box protocols-sci'><a href="https://2014.igem.org/Team:UCL/Science/Proto"><span class="overlayx"></span></a></div>
		<div class='box results-sci'><a href="https://2014.igem.org/Team:UCL/Science/Results"><span class="overlayx"></span></a></div>
		<div class='box sequences-sci'><a href="https://2014.igem.org/Team:UCL/Science/Sequences"><span class="overlayx"></span></a></div>
		<div class='box primers-sci'><a href="https://2014.igem.org/Team:UCL/Science/Primers"><span class="overlayx"></span></a></div>
    </div>
</div>
<h1 style="padding-top: 0; margin-top: 0;">Dry Lab</h1>
<div class="layout">
	<div id='grid2' >
                <div class='boxx manuf-pro'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing#anchor"><span class="overlayx"></span></a></div>
		<div class='boxx micro-sci'><a href="https://2014.igem.org/Team:UCL/Science/MicroF"><span class="overlayx"></span></a></div>
		<div class='boxx xeno-pro'><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><span class="overlayx"></span></a></div>
<div class='boxx modelling-sci'><a href="https://2014.igem.org/Team:UCL/Science/Model"><span class="overlayx"></span></a></div>
	</div>
</div>
</div>
<!--=================CSS===================-->

<style>
.layout {
margin: 2em 15px;
color: #333;
}
.overlayx {
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  background-image: url('empty.gif');
}
#grid{
	width: 96%;
	margin:2% 0% 2% 2%;  
	position: relative;
	font-size: 25px;
	font-family: 'Helvetica';
	color: #eaeaea;
}
#grid2{
	width: 96%;
	margin:2% 0% 2% 2%;  
	position: relative;
	font-size: 25px;
	font-family: 'Helvetica';
	color: #eaeaea;
}
.box {
	background-color: white;
	box-shadow: 0px 0px 1px #222;
	float: left;
	position: relative;
	height:300px;
	width:300px;
}
.boxx {
	background-color: white;
	box-shadow: 0px 0px 1px #222;
	float: left;
	position: relative;
	height:300px;
	width:300px;
}
#fillers{
	display: none;
}
.fillerBox {
	background-color: #751e11;
	box-shadow: 0px 0px 1px #222;
	float: left;
	position: relative;
}

.banner-image-special {
    background: url('https://static.igem.org/mediawiki/2014/e/e8/Science_Banner.png') center no-repeat;
    width:100%;
    background-size:100%;
    max-width:850px;
    height:270px;
    position:fixed;
    padding-top:300px;
}
@media (min-width: 1140px) {
    .banner-image-special {
    max-width: none;
    width:100%;
    }
}
.sequences-sci {
    background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat; 
    background-size:60%;
}
.results-sci {
    background: white url('https://static.igem.org/mediawiki/2014/c/c9/ResultsUCL.png') center no-repeat; 
    background-size:60%;
}	
.protocols-sci {
    background: white url('https://static.igem.org/mediawiki/2014/5/53/ProtocolsUCL.png') center no-repeat; 
    background-size:58%;
}
.experiments-sci {
    background: white url('https://static.igem.org/mediawiki/2014/f/f8/ExperimentsUCL.png') center no-repeat; 
    background-size:60%;
}
.modelling-sci {
    background: white url('https://static.igem.org/mediawiki/2014/3/34/Modeling_logoUCL.png') center no-repeat; 
    background-size:60%;
}
.manuf-pro {
    background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat; 
    background-size:56%;
}
.primers-sci {
    background: white url('https://static.igem.org/mediawiki/2014/e/ef/Primer_design.png') center no-repeat; 
    background-size:60%;
}
.bioprocessing-sci {
    background: white url('https://static.igem.org/mediawiki/2014/f/fd/BioprocessingUCL.png') center no-repeat; 
    background-size:60%;
}
.micro-sci {
    background: white url('https://static.igem.org/mediawiki/2014/0/0a/Microfluidics_logoUCL.png') center no-repeat; 
    background-size:56%;
}
.biobricks-pro {
    background: white url('https://static.igem.org/mediawiki/2014/b/b8/BiobrickUCL.png') center no-repeat; 
    background-size:58%;
}
.xeno-pro {
    background: white url('https://static.igem.org/mediawiki/2014/6/63/Xenobiology_LogoUCL.png') center no-repeat; 
    background-size:56%;
}
</style>

<!--=================Javascript===================-->		
<script>
			$(function() {
				$("#grid").each(function() {
					var wall = new freewall(this);
					wall.reset({
						selector: '.box',
						cellW: 320,
						cellH: 320,
						fixSize: 0,
						gutterY: 20,
						gutterX: 20,
						onResize: function() {
							wall.fitWidth();
						}
					});
					wall.fitWidth();
				});
				$(window).trigger("resize");
			});

$(function() {
				$("#grid2").each(function() {
					var wall = new freewall(this);
					wall.reset({
						selector: '.boxx',
						cellW: 320,
						cellH: 320,
						fixSize: 0,
						gutterY: 20,
						gutterX: 20,
						onResize: function() {
							wall.fitWidth();
						}
					});
					wall.fitWidth();
				});
				$(window).trigger("resize");
			});

</script>

</html>
{{:Team:UCL/Template:footerx}}