|
|
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;"> |
- |
| + | <h2>Wet Lab</h2> |
| <div class="layout"> | | <div class="layout"> |
| <div id='grid'> | | <div id='grid'> |
Line 20: |
Line 20: |
| </div> | | </div> |
| </div> | | </div> |
| + | <h2>Dry Lab</h2> |
| <div class="layout"> | | <div class="layout"> |
| <div id='grid2'> | | <div id='grid2'> |
Line 28: |
Line 29: |
| </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 203: |
Line 56: |
| width: 96%; | | width: 96%; |
| margin:2% 0% 2% 2%; | | margin:2% 0% 2% 2%; |
- | padding-top:300px; | + | |
| position: relative; | | position: relative; |
| font-size: 25px; | | font-size: 25px; |
Line 298: |
Line 151: |
| var wall = new freewall(this); | | var wall = new freewall(this); |
| wall.reset({ | | wall.reset({ |
- | selector: '.boxx', | + | selector: '.box', |
| cellW: 320, | | cellW: 320, |
| cellH: 320, | | cellH: 320, |
Line 331: |
Line 184: |
| $(window).trigger("resize"); | | $(window).trigger("resize"); |
| }); | | }); |
- |
| |
- | </script>
| |
- |
| |
- | </html>
| |
- | {{:Team:UCL/Template:footerx}}
| |
- |
| |
| | | |
| </script> | | </script> |