Team:UCL/Project
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
Lewismoffat (Talk | contribs) |
||
(49 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<!--=================HTML===================--> | <!--=================HTML===================--> | ||
<html> | <html> | ||
- | <div class="banner-image-special" | + | <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&ctype=text/javascript"></script> |
- | <div style="padding-top: | + | |
+ | |||
+ | <div class="banner-image-special"></div> | ||
+ | <div style="padding-top:500px;"> | ||
<div id='grid'> | <div id='grid'> | ||
- | + | <div class='box about-pro'><a href="https://2014.igem.org/Team:UCL/Project/About"><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 achievements-pro'><a href="https://2014.igem.org/Team:UCL/Project/Achievements"><span class="overlayx"></span></a></div> | |
- | + | <!--<div class='box future-pro'><a href="https://2014.igem.org/Team:UCL/Project/Future"><span class="overlayx"></span></a></div>--> | |
- | + | <!--<div class='box manuf-pro'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing#anchor"><span class="overlayx"></span></a></div> | |
- | + | <div class='box xeno-pro'><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><span class="overlayx"></span></a></div>--> | |
- | + | <div class='box sponsor-human'><a href="https://2014.igem.org/Team:UCL/Humans/Sponsor"><span class="overlayx"></span></a></div> | |
- | + | <div class='box gallery-human'><a href="https://2014.igem.org/Team:UCL/Humans/Gallery"><span class="overlayx"></span></a></div> | |
- | + | <div class='box attributions-human'><a href="https://2014.igem.org/Team:UCL/Humans/Attributions"><span class="overlayx"></span></a></div> | |
- | + | </div> | |
- | + | ||
</div> | </div> | ||
- | |||
<!--=================CSS===================--> | <!--=================CSS===================--> | ||
Line 29: | Line 30: | ||
left: 0; | left: 0; | ||
z-index: 1; | z-index: 1; | ||
+ | background: center no-repeat; | ||
background-image: url('empty.gif'); | background-image: url('empty.gif'); | ||
} | } | ||
#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; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.banner-image-special { | .banner-image-special { | ||
- | background: | + | background: url('https://static.igem.org/mediawiki/2014/6/6b/Project_bannerUCL.png') center no-repeat; |
width:100%; | width:100%; | ||
+ | margin-top: 1%; | ||
background-size:100%; | background-size:100%; | ||
- | height: | + | max-width:850px; |
+ | height:270px; | ||
position:fixed; | position:fixed; | ||
- | + | padding-top:150px; | |
- | + | ||
- | + | ||
} | } | ||
@media (min-width: 1140px) { | @media (min-width: 1140px) { | ||
.banner-image-special { | .banner-image-special { | ||
- | max-width:none; | + | max-width: none; |
- | width: | + | width:100%; |
- | + | margin-top:70px; | |
- | + | ||
} | } | ||
} | } | ||
- | . | + | .about-pro { |
- | + | background: white url('https://static.igem.org/mediawiki/2014/d/d8/About_logoUCL.png') center no-repeat; | |
- | + | background-size:59%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | background: url('https://static.igem.org/mediawiki/2014/ | + | |
- | background-size: | + | |
- | + | ||
} | } | ||
- | + | .biobricks-pro { | |
- | background: url('https://static.igem.org/mediawiki/2014/ | + | background: white url('https://static.igem.org/mediawiki/2014/b/b8/BiobrickUCL.png') center no-repeat; |
- | background-size: | + | background-size:58%; |
} | } | ||
- | + | .sequences-pro { | |
- | background: url('https://static.igem.org/mediawiki/2014/ | + | background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat; |
- | background-size: | + | background-size:60%; |
} | } | ||
- | + | .achievements-pro { | |
- | background: url('https://static.igem.org/mediawiki/2014/ | + | background: white url('https://static.igem.org/mediawiki/2014/5/5a/Achievements_logoUCL.png') center no-repeat; |
- | background-size: | + | background-size:60%; |
} | } | ||
- | + | .future-pro { | |
- | background: url('https://static.igem.org/mediawiki/2014/ | + | background: white url('https://static.igem.org/mediawiki/2014/9/9a/FutureUCL.png') center no-repeat; |
- | background-size: | + | background-size:59%; |
} | } | ||
- | + | .manuf-pro { | |
- | background: | + | background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat; |
- | background-size: | + | background-size:56%; |
- | + | ||
} | } | ||
- | + | .xeno-pro { | |
- | background: | + | background: white url('https://static.igem.org/mediawiki/2014/6/63/Xenobiology_LogoUCL.png') center no-repeat; |
- | background-size: | + | background-size:56%; |
- | + | ||
} | } | ||
- | + | .sponsor-human { | |
- | background: | + | background: white url('https://static.igem.org/mediawiki/2014/3/32/SponsorshipUCL.png') center no-repeat; |
- | background-size: | + | background-size:56%; |
- | + | } | |
+ | .gallery-human { | ||
+ | background: white url('https://static.igem.org/mediawiki/2014/5/55/GalleryUCL.png') center no-repeat; | ||
+ | background-size:56%; | ||
+ | } | ||
+ | .attributions-human { | ||
+ | background: white url('https://static.igem.org/mediawiki/2014/7/75/UCLAttributions_logo_transparent-01.png') center no-repeat; | ||
+ | background-size:56%; | ||
} | } | ||
- | |||
</style> | </style> | ||
<!--=================Javascript===================--> | <!--=================Javascript===================--> | ||
+ | <!-- This is to initialize the above js which aims to reorder box divs with no spaces --> | ||
- | |||
- | |||
- | |||
<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}} |
Latest revision as of 14:36, 17 October 2014