Team:UCL/FAQ

From 2014.igem.org

(Difference between revisions)

Latest revision as of 22:45, 16 October 2014

Goodbye Azodye UCL iGEM 2014

@@ Line 2: / Line 2: @@
 <!--=================HTML===================-->
 <html>
+<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&amp;ctype=text/javascript"></script>
 <div class="banner-image-special"></div>
-<div style="padding-top:450px;">
+<div style="padding-top:480px;">
      <div id='grid'>
-	<div class='box' id='contact-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/Contact"><span class="overlayx"></span></a>Contact Us</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' id='micro-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/MicroF"><span class="overlayx"></span></a>What is Microfluidics?</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' id='igem-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/iGEM"><span class="overlayx"></span></a>What is iGEM?</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' id='syn-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/Synbio"><span class="overlayx"></span></a>What is Synthetic Biology?</div>
+	        <div class='box wikiht-faq'><a href="https://2014.igem.org/Team:UCL/FAQ/WikiDesign"><span class="overlayx"></span></a></div>
-    </div>
-    <div id='fillers'>
-        <div class='fillerBox' id='redd'></div>
-	<div class='fillerBox' id='bluee'></div>
-	<div class='fillerBox' id='yelloww'></div>
      </div>
 </div>
@@ Line 31: / Line 28: @@
 }
 #grid{
-			width: 100%;
+	width: 96%;
-			position: relative;
+	margin:2% 0% 2% 2%;
-			font-size: 25px;
+	position: relative;
-			font-family: 'Helvetica';
+	font-size: 25px;
-			color: #eaeaea;
+	font-family: 'Helvetica';
-		}
+	color: #eaeaea;
-		.box {
+}
-			background-color: #c23822;
+.box {
-			box-shadow: 0px 0px 1px #222;
+	background-color: white;
-			float: left;
+	box-shadow: 0px 0px 1px #222;
-			position: relative;
+	float: left;
-		}
+	position: relative;
-		#fillers{
+	height:500px;
-			display: none;
+	width:500px;
-		}
+}
-		.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/8/86/FAQs_%28banner%29UCL.png') center no-repeat;
+     background: url('https://static.igem.org/mediawiki/2014/5/56/FAQs_banner_cropped.png') center no-repeat;
      width:100%;
      margin-top: 1%;
@@ Line 62: / Line 52: @@
      position:fixed;
      padding-top:150px;
+    overflow: hidden;
 }
 @media (min-width: 1140px) {
@@ Line 71: / Line 62: @@
 }
-#contact-faq {
+.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%;
 }
-#micro-faq {
+.wikiht-faq {
-     background: url('https://static.igem.org/mediawiki/2014/0/0a/Microfluidics_logoUCL.png') center no-repeat;
+     background: white url('https://static.igem.org/mediawiki/2014/5/50/UCLWiki_how_to_logo.png') center no-repeat;
      background-size:56%;
 }
-#igem-faq {
+.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%;
 }
-#syn-faq {
+.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%;
-}
-#redd {
-    background:red center no-repeat;
-    background-size:56%;
-    opacity:0.5;
-}
-#bluee {
-    background: blue center no-repeat;
-    background-size:100%;
-    opacity:0.5;
-}
-#yelloww {
-    background: yellow center no-repeat;
-    background-size:100%;
-    opacity:0.5;
 }
 </style>
 <!--=================Javascript===================-->
-<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:mason.js?action=raw&amp;ctype=text/javascript"></script>
 <!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
 <script>
-$(document).ready(function(){
+			var wall = new freewall("#grid");
-$(function(){
+			wall.reset({
-			$("#grid").mason({
+				selector: '.box',
-				itemSelector: ".box",
+				animate: true,
-				ratio: 1.5,
+				cellW: 200,
-				sizes: [
+				cellH: 200,
-					[1,1],
+				onResize: function() {
-					[1,2],
+					wall.refresh();
-					[2,1],
+				}
-                                        [2,2]
-				],
-				columns: [
-					[0,480,1],
-					[480,780,2],
-					[780,1080,3],
-					[1080,1320,4],
-					[1320,1680,5]
-				],
-				filler: {
-					itemSelector: '.fillerBox',
-					filler_class: 'custom_filler'
-				},
-				layout: 'fluid',
 			});
-		}); });
+			wall.fitWidth();
+			// for scroll bar appear;
+			$(window).trigger("resize");
 </script>