Team:UCL/FAQ
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
|||
(31 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:UCL/Template:headerx}} | {{:Team:UCL/Template:headerx}} | ||
+ | <!--=================HTML===================--> | ||
<html> | <html> | ||
- | < | + | <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:480px;"> |
- | <div | + | <div id='grid'> |
- | <div class=" | + | <!--<div class='box' id='contact-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/Contact"><span class="overlayx"></span></a></div>--> |
- | + | <div class='box syn-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/Synbio"><span class="overlayx"></span></a></div> | |
- | + | <div class='box igem-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/iGEM"><span class="overlayx"></span></a></div> | |
- | + | <div class='box wikiht-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/WikiDesign"><span class="overlayx"></span></a></div> | |
- | + | </div> | |
- | + | ||
- | + | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | </ | + | |
+ | <!--=================CSS===================--> | ||
+ | |||
+ | <style> | ||
+ | .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; | ||
+ | } | ||
+ | .box { | ||
+ | background-color: white; | ||
+ | box-shadow: 0px 0px 1px #222; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | height:500px; | ||
+ | width:500px; | ||
+ | } | ||
+ | .banner-image-special { | ||
+ | background: url('https://static.igem.org/mediawiki/2014/5/56/FAQs_banner_cropped.png') center no-repeat; | ||
+ | width:100%; | ||
+ | margin-top: 1%; | ||
+ | background-size:100%; | ||
+ | max-width:850px; | ||
+ | height:270px; | ||
+ | position:fixed; | ||
+ | padding-top:150px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | @media (min-width: 1140px) { | ||
+ | .banner-image-special { | ||
+ | max-width: none; | ||
+ | width:100%; | ||
+ | margin-top:70px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .contact-faq { | ||
+ | background: white url('https://static.igem.org/mediawiki/2014/e/e3/Contact_Us_LogoUCL.png') center no-repeat; | ||
+ | background-size:56%; | ||
+ | } | ||
+ | .wikiht-faq { | ||
+ | background: white url('https://static.igem.org/mediawiki/2014/5/50/UCLWiki_how_to_logo.png') center no-repeat; | ||
+ | background-size:56%; | ||
+ | } | ||
+ | .igem-faq { | ||
+ | background: white url('https://static.igem.org/mediawiki/2014/1/1b/IGEM_logoUCL.png') center no-repeat; | ||
+ | background-size:56%; | ||
+ | } | ||
+ | .syn-faq { | ||
+ | background: white url('https://static.igem.org/mediawiki/2014/4/4c/Synthetic_BiologyUCL.png') center no-repeat; | ||
+ | background-size:56%; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <!--=================Javascript===================--> | ||
+ | |||
+ | <!-- This is to initialize the above js which aims to reorder box divs with no spaces --> | ||
+ | <script> | ||
+ | var wall = new freewall("#grid"); | ||
+ | wall.reset({ | ||
+ | selector: '.box', | ||
+ | animate: true, | ||
+ | cellW: 200, | ||
+ | cellH: 200, | ||
+ | onResize: function() { | ||
+ | wall.refresh(); | ||
+ | } | ||
+ | }); | ||
+ | wall.fitWidth(); | ||
+ | // for scroll bar appear; | ||
+ | $(window).trigger("resize"); | ||
+ | </script> | ||
+ | |||
+ | |||
</html> | </html> | ||
{{:Team:UCL/Template:footerx}} | {{:Team:UCL/Template:footerx}} |
Latest revision as of 22:45, 16 October 2014