Team:UCL/Science
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
Lewismoffat (Talk | contribs) |
||
Line 2: | Line 2: | ||
<!--=================HTML===================--> | <!--=================HTML===================--> | ||
<html> | <html> | ||
+ | <!--This is script for firewall.js --> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
<div class="banner-image-special"></div> | <div class="banner-image-special"></div> | ||
<div style="padding-top:500px;"> | <div style="padding-top:500px;"> | ||
<div id='grid'> | <div id='grid'> | ||
- | + | <div class='box results-sci'><a href="https://2014.igem.org/Team:UCL/Science/Results"><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 experiments-sci'><a href=" https://2014.igem.org/Team:UCL/Science/Experiment"><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 modelling-sci'><a href="https://2014.igem.org/Team:UCL/Science/Model"><span class="overlayx"></span></a></div> | |
- | + | <div class='box bioprocessing-sci'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing"><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 class='box micro-sci'><a href="https://2014.igem.org/Team:UCL/Science/MicroF"><span class="overlayx"></span></a></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 35: | Line 34: | ||
} | } | ||
#grid{ | #grid{ | ||
- | + | 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; | |
- | + | } | |
- | + | #fillers{ | |
- | + | display: none; | |
- | + | } | |
- | + | .fillerBox { | |
- | + | background-color: #751e11; | |
- | + | box-shadow: 0px 0px 1px #222; | |
- | + | float: left; | |
+ | position: relative; | ||
+ | } | ||
.banner-image-special { | .banner-image-special { | ||
Line 73: | Line 74: | ||
} | } | ||
} | } | ||
- | + | .sequences-sci { | |
background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat; | ||
background-size:60%; | background-size:60%; | ||
} | } | ||
- | + | .results-sci { | |
background: white url('https://static.igem.org/mediawiki/2014/c/c9/ResultsUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/c/c9/ResultsUCL.png') center no-repeat; | ||
background-size:60%; | background-size:60%; | ||
} | } | ||
- | + | .protocols-sci { | |
background: white url('https://static.igem.org/mediawiki/2014/5/53/ProtocolsUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/5/53/ProtocolsUCL.png') center no-repeat; | ||
background-size:58%; | background-size:58%; | ||
} | } | ||
- | + | .experiments-sci { | |
background: white url('https://static.igem.org/mediawiki/2014/f/f8/ExperimentsUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/f/f8/ExperimentsUCL.png') center no-repeat; | ||
background-size:60%; | background-size:60%; | ||
} | } | ||
- | + | .modelling-sci { | |
background: white url('https://static.igem.org/mediawiki/2014/3/34/Modeling_logoUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/3/34/Modeling_logoUCL.png') center no-repeat; | ||
background-size:60%; | background-size:60%; | ||
} | } | ||
- | + | .primers-sci { | |
background: white url('https://static.igem.org/mediawiki/2014/e/ef/Primer_design.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/e/ef/Primer_design.png') center no-repeat; | ||
background-size:60%; | background-size:60%; | ||
} | } | ||
- | + | .bioprocessing-sci { | |
background: white url('https://static.igem.org/mediawiki/2014/f/fd/BioprocessingUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/f/fd/BioprocessingUCL.png') center no-repeat; | ||
background-size:60%; | background-size:60%; | ||
} | } | ||
- | + | .micro-sci { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
background: white url('https://static.igem.org/mediawiki/2014/0/0a/Microfluidics_logoUCL.png') center no-repeat; | background: white url('https://static.igem.org/mediawiki/2014/0/0a/Microfluidics_logoUCL.png') center no-repeat; | ||
background-size:56%; | background-size:56%; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 124: | Line 110: | ||
<!--=================Javascript===================--> | <!--=================Javascript===================--> | ||
- | |||
- | |||
- | |||
- | |||
<script> | <script> | ||
- | + | var wall = new freewall("#grid"); | |
- | + | wall.reset({ | |
- | + | selector: '.box', | |
- | + | animate: true, | |
- | + | cellW: 300, | |
- | + | cellH: 300, | |
- | + | onResize: function() { | |
- | + | wall.refresh(); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
}); | }); | ||
- | + | wall.fitWidth(); | |
+ | // for scroll bar appear; | ||
+ | $(window).trigger("resize"); | ||
</script> | </script> | ||
- | |||
- | |||
</html> | </html> | ||
{{:Team:UCL/Template:footerx}} | {{:Team:UCL/Template:footerx}} |
Revision as of 21:09, 15 October 2014