Team:UCL/Science
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
Adamdenyer (Talk | contribs) |
||
(27 intermediate revisions not shown) | |||
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;"> | ||
- | + | <h1 style="background-color:black;color:white;z-index:35;"> 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 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 experiments-sci'><a href=" https://2014.igem.org/Team:UCL/Science/Experiment"><span class="overlayx"></span></a></div> | ||
Line 14: | Line 19: | ||
<div class='box results-sci'><a href="https://2014.igem.org/Team:UCL/Science/Results"><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 sequences-sci'><a href="https://2014.igem.org/Team:UCL/Science/Sequences"><span class="overlayx"></span></a></div> | ||
- | <div class='box | + | <div class='box primers-sci' style="display:none;"><a href="https://2014.igem.org/Team:UCL/Science/Primers"><span class="overlayx"></span></a></div> |
- | + | ||
</div> | </div> | ||
- | <div id=' | + | </div> |
- | + | <h1 style="padding-top: 0; margin-top: 0;background-color:black;color:white;z-index:35;"> Dry Lab</h1> | |
- | <div class=' | + | <div class="layout"> |
- | <div class=' | + | <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> | </div> | ||
- | + | </div> | |
- | + | ||
<!--=================CSS===================--> | <!--=================CSS===================--> | ||
<style> | <style> | ||
+ | .layout { | ||
+ | margin: 2em 15px; | ||
+ | color: #333; | ||
+ | } | ||
.overlayx { | .overlayx { | ||
position:absolute; | position:absolute; | ||
Line 38: | Line 49: | ||
} | } | ||
#grid{ | #grid{ | ||
+ | width: 96%; | ||
+ | margin:2% 0% 2% 2%; | ||
+ | position: relative; | ||
+ | font-size: 25px; | ||
+ | font-family: 'Helvetica'; | ||
+ | color: #eaeaea; | ||
+ | } | ||
+ | #grid2{ | ||
width: 96%; | width: 96%; | ||
margin:2% 0% 2% 2%; | margin:2% 0% 2% 2%; | ||
Line 46: | Line 65: | ||
} | } | ||
.box { | .box { | ||
+ | background-color: white; | ||
+ | box-shadow: 0px 0px 1px #222; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | height:300px; | ||
+ | width:300px; | ||
+ | } | ||
+ | .boxx { | ||
background-color: white; | background-color: white; | ||
box-shadow: 0px 0px 1px #222; | box-shadow: 0px 0px 1px #222; | ||
Line 97: | Line 124: | ||
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%; | ||
+ | } | ||
+ | .manuf-pro { | ||
+ | background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat; | ||
+ | background-size:56%; | ||
} | } | ||
.primers-sci { | .primers-sci { | ||
Line 122: | Line 153: | ||
<!--=================Javascript===================--> | <!--=================Javascript===================--> | ||
<script> | <script> | ||
- | var wall = new freewall( | + | $(function() { |
- | + | $("#grid").each(function() { | |
- | + | var wall = new freewall(this); | |
- | + | wall.reset({ | |
- | + | selector: '.box', | |
- | + | cellW: 320, | |
- | + | cellH: 320, | |
- | wall. | + | 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> | </script> | ||
</html> | </html> | ||
{{:Team:UCL/Template:footerx}} | {{:Team:UCL/Template:footerx}} |
Latest revision as of 02:29, 18 October 2014