Team:UCL/Science
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
Lewismoffat (Talk | contribs) |
||
Line 8: | Line 8: | ||
<div class="banner-image-special"></div> | <div class="banner-image-special"></div> | ||
<div style="padding-top:500px;"> | <div style="padding-top:500px;"> | ||
- | + | ||
<div class="layout"> | <div class="layout"> | ||
<div id='grid'> | <div id='grid'> | ||
Line 20: | Line 20: | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
<div class="layout"> | <div class="layout"> | ||
<div id='grid2'> | <div id='grid2'> | ||
Line 29: | Line 28: | ||
</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%; | ||
+ | } | ||
+ | .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> | ||
+ | {{: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&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <div class="banner-image-special"></div> | ||
+ | <div style="padding-top:500px;"> | ||
+ | |||
+ | <div class="layout"> | ||
+ | <div id='grid'> | ||
+ | <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 modelling-sci'><a href="https://2014.igem.org/Team:UCL/Science/Model"><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> | ||
+ | <div class="layout"> | ||
+ | <div id='grid2'> | ||
+ | <div class='boxx bioprocessing-sci'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing"><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> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<!--=================CSS===================--> | <!--=================CSS===================--> | ||
Line 151: | Line 298: | ||
var wall = new freewall(this); | var wall = new freewall(this); | ||
wall.reset({ | wall.reset({ | ||
- | selector: '. | + | selector: '.boxx', |
cellW: 320, | cellW: 320, | ||
cellH: 320, | cellH: 320, | ||
Line 184: | Line 331: | ||
$(window).trigger("resize"); | $(window).trigger("resize"); | ||
}); | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | </html> | ||
+ | {{:Team:UCL/Template:footerx}} | ||
+ | |||
</script> | </script> |
Revision as of 15:55, 17 October 2014
</script>
</html>