Team:UCL/Homex
From 2014.igem.org
(Difference between revisions)
Adamdenyer (Talk | contribs) |
Adamdenyer (Talk | contribs) |
||
Line 34: | Line 34: | ||
<h2>FIND OUT MORE</h2> | <h2>FIND OUT MORE</h2> | ||
- | <div id="grid1 | + | <div id="grid1"> |
<div class="box" id="about-pro"><a href="https://2014.igem.org/Team:UCL/Project/About"><span class="overlayx"></span></a></div> | <div class="box" id="about-pro"><a href="https://2014.igem.org/Team:UCL/Project/About"><span class="overlayx"></span></a></div> | ||
<div class="box" id="biobricks-pro"><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div> | <div class="box" id="biobricks-pro"><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div> | ||
Line 56: | Line 56: | ||
<div id="slidesciencecontent" class="slidecontent"> | <div id="slidesciencecontent" class="slidecontent"> | ||
- | <div id="grid2 | + | <div id="grid2"> |
<div class="box" id="results-sci"><a href="https://2014.igem.org/Team:UCL/Science/Results"><span class="overlayx"></span></a></div> | <div class="box" id="results-sci"><a href="https://2014.igem.org/Team:UCL/Science/Results"><span class="overlayx"></span></a></div> | ||
<div class="box" id="protocols-sci"><a href="https://2014.igem.org/Team:UCL/Science/Proto"><span class="overlayx"></span></a></div> | <div class="box" id="protocols-sci"><a href="https://2014.igem.org/Team:UCL/Science/Proto"><span class="overlayx"></span></a></div> | ||
Line 83: | Line 83: | ||
<h2>FIND OUT MORE</h2> | <h2>FIND OUT MORE</h2> | ||
- | <div id="grid3 | + | <div id="grid3"> |
<div class="box" id="team-human" style="height:200px;width:200px;"><a href="https://2014.igem.org/Team:UCL/Humans/Team"><span class="overlayx"></span></a></div> | <div class="box" id="team-human" style="height:200px;width:200px;"><a href="https://2014.igem.org/Team:UCL/Humans/Team"><span class="overlayx"></span></a></div> | ||
<div class="box" id="collaborations-human"><a href="https://2014.igem.org/Team:UCL/Humans/Collab"><span class="overlayx"></span></a></div> | <div class="box" id="collaborations-human"><a href="https://2014.igem.org/Team:UCL/Humans/Collab"><span class="overlayx"></span></a></div> | ||
Line 101: | Line 101: | ||
<style> | <style> | ||
- | # | + | #grid1, #grid2, #grid3 { |
width: 96%; | width: 96%; | ||
margin:2% 0% 2% 2%; | margin:2% 0% 2% 2%; | ||
Line 218: | Line 218: | ||
$(document).ready(function () { | $(document).ready(function () { | ||
$(function () { | $(function () { | ||
- | $(". | + | $("#grid1").mason({ |
+ | itemSelector: ".box", | ||
+ | ratio: 1.5, | ||
+ | sizes: [ | ||
+ | [1, 1] | ||
+ | ], | ||
+ | columns: [ | ||
+ | [0, 200, 1], | ||
+ | [200, 400, 2], | ||
+ | [400, 600, 3], | ||
+ | [600, 800, 4], | ||
+ | [800, 1000, 5], | ||
+ | [1000, 1200, 6], | ||
+ | [1200, 1400, 7] | ||
+ | ], | ||
+ | filler: { | ||
+ | itemSelector: '.fillerBox', | ||
+ | filler_class: 'custom_filler' | ||
+ | }, | ||
+ | layout: 'fluid', | ||
+ | gutter: 5 | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(function () { | ||
+ | $("#grid2").mason({ | ||
+ | itemSelector: ".box", | ||
+ | ratio: 1.5, | ||
+ | sizes: [ | ||
+ | [1, 1] | ||
+ | ], | ||
+ | columns: [ | ||
+ | [0, 200, 1], | ||
+ | [200, 400, 2], | ||
+ | [400, 600, 3], | ||
+ | [600, 800, 4], | ||
+ | [800, 1000, 5], | ||
+ | [1000, 1200, 6], | ||
+ | [1200, 1400, 7] | ||
+ | ], | ||
+ | filler: { | ||
+ | itemSelector: '.fillerBox', | ||
+ | filler_class: 'custom_filler' | ||
+ | }, | ||
+ | layout: 'fluid', | ||
+ | gutter: 5 | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(function () { | ||
+ | $("#grid3").mason({ | ||
itemSelector: ".box", | itemSelector: ".box", | ||
ratio: 1.5, | ratio: 1.5, |
Revision as of 13:33, 8 October 2014