"
Team:UCL/FAQ
From 2014.igem.org
(Difference between revisions)
Lewismoffat (Talk | contribs) |
|||
| (19 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<!--=================HTML===================--> | <!--=================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 class="banner-image-special"></div> | ||
| - | <div style="padding-top: | + | <div style="padding-top:480px;"> |
<div id='grid'> | <div id='grid'> | ||
| - | <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' 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> | </div> | ||
| Line 31: | Line 28: | ||
} | } | ||
#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:500px; | |
| - | + | width:500px; | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
.banner-image-special { | .banner-image-special { | ||
| - | background: url('https://static.igem.org/mediawiki/2014/ | + | background: url('https://static.igem.org/mediawiki/2014/5/56/FAQs_banner_cropped.png') center no-repeat; |
width:100%; | width:100%; | ||
margin-top: 1%; | margin-top: 1%; | ||
| Line 62: | Line 52: | ||
position:fixed; | position:fixed; | ||
padding-top:150px; | padding-top:150px; | ||
| + | overflow: hidden; | ||
} | } | ||
@media (min-width: 1140px) { | @media (min-width: 1140px) { | ||
| Line 71: | Line 62: | ||
} | } | ||
| - | + | .contact-faq { | |
| - | background: url('https://static.igem.org/mediawiki/2014/e/e3/Contact_Us_LogoUCL.png') center no-repeat; | + | background: white url('https://static.igem.org/mediawiki/2014/e/e3/Contact_Us_LogoUCL.png') center no-repeat; |
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | + | .wikiht-faq { | |
| - | background: url('https://static.igem.org/mediawiki/2014/ | + | background: white url('https://static.igem.org/mediawiki/2014/5/50/UCLWiki_how_to_logo.png') center no-repeat; |
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | + | .igem-faq { | |
| - | background: url('https://static.igem.org/mediawiki/2014/1/1b/IGEM_logoUCL.png') center no-repeat; | + | background: white url('https://static.igem.org/mediawiki/2014/1/1b/IGEM_logoUCL.png') center no-repeat; |
background-size:56%; | background-size:56%; | ||
} | } | ||
| - | + | .syn-faq { | |
| - | background: url('https://static.igem.org/mediawiki/2014/4/4c/Synthetic_BiologyUCL.png') center no-repeat; | + | background: white url('https://static.igem.org/mediawiki/2014/4/4c/Synthetic_BiologyUCL.png') center no-repeat; |
background-size:56%; | background-size:56%; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| + | |||
</style> | </style> | ||
<!--=================Javascript===================--> | <!--=================Javascript===================--> | ||
| - | |||
| - | |||
<!-- This is to initialize the above js which aims to reorder box divs with no spaces --> | <!-- 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: 200, | |
| - | + | cellH: 200, | |
| - | + | onResize: function() { | |
| - | + | wall.refresh(); | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | } | + | |
| - | + | ||
}); | }); | ||
| - | + | wall.fitWidth(); | |
| + | // for scroll bar appear; | ||
| + | $(window).trigger("resize"); | ||
</script> | </script> | ||
Latest revision as of 22:45, 16 October 2014
