Team:Dundee

From 2013.igem.org

(Difference between revisions)

Revision as of 14:49, 14 June 2013

Dundee iGem 2012

Abstract

Website Under Construction

Algal blooms are an ever-growing problem in freshwater systems. The main concern is the level of toxin called microcystin, which is released by cyanobacteria when they die. Currently, the method of detection takes a day to produce results, so our aim as a team is to develop a 60 minute microcystin detection system, as well as a method to combat the rising levels of the toxin.

Catcher

Praesent placerat dui tincidunt elit suscipit sed.

Cleaner

Praesent placerat dui tincidunt elit suscipit sed.

Fusce ullamcorper mauris in eros dignissim molestie posuere felis blandit. Aliquam erat volutpat. Mauris ultricies posuere vehicula. Sed sit amet posuere erat. Quisque in ipsum non augue euismod dapibus non et eros. Pellentesque consectetur tempus mi iaculis.

Header

Description - Aliquam erat volutpat. Mauris ultricies et iusto odio dignissimos ducimus posuere vehicula.

Description - At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.

Description - Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.

Description - Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores.

@@ Line 1: / Line 1: @@
 <html>
+<!-- Adapted from -->
 <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
 <!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
@@ Line 11: / Line 12: @@
    <title>Dundee iGem 2012</title>
+	<style type="text/css">
+	  /* These styles create the dropdown menus. */
+	.nav-bar { height: 40px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; }
+	.nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; z-index: 1000}
+	.nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
+	.nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
+	.nav-bar > li.active { background: #2ba6cb; border-color: #2284a1; }
+	.nav-bar > li.active > a { color: white; cursor: default; }
+	.nav-bar > li.active:hover { background: #2ba6cb; cursor: default; }
+	.nav-bar > li:hover { background: #333333; }
+	.nav-bar > li > a { color: #e6e6e6; }
+	.nav-bar > li ul { margin-bottom: 0; }
+	.nav-bar > li .flyout { display: none; }
+	.nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; }
+	.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }
+	.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; }
+	.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
+	.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; }
+	.nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
+	.nav-bar > li > input { margin: 0 10px; }
+	.nav-bar.vertical { height: auto; margin-top: 0; }
+	.nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
+	.nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; }
+	.nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
+	.nav-bar.vertical > li .flyout.right { left: auto; right: 100%; }
+	.nav-bar.vertical > li.active { border-right: solid 1px #2284a1; }
+	.nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333; }
+		ul#subnavlist { display: none; }
+		ul#subnavlist li { float: none; }
+		ul#subnavlist li a
+		{
+		padding: 0px;
+		margin: 0px;
+		font-size:16px;
+		}
+		ul.nav-bar li:hover ul#subnavlist
+		{
+		display: block;
+		position: absolute;
+		font-size: 8pt;
+		padding-top: 5px;
+		}
+		ul.nav-bar li:hover ul#subnavlist li a
+		{
+		display: block;
+		width: 10em;
+		border: none;
+		padding: 2px;
+		padding-left: 10px;
+		padding-bottom: 5px;
+		padding-top: 5px;
+		}
+		ul.nav-bar li:hover ul#subnavlist li a:before { content: "     "; }
+		ul.nav-bar li a:active
+		{
+		color: #cccccc;
+		border: 1px #ffffff inset;
+		background: #2ba6cb;
+		border-color: #2284a1;
+		z-index:1000;
+		}
+	</style>
    <!-- Included CSS Files -->
    <link rel="stylesheet" href="http://kyleharrison.co.uk/css/igemMain.css" >
 </head>
-</head>
 <body>
@@ Line 35: / Line 110: @@
        <!-- Navigation -->
-          <ul class="nav-bar">
+<ul class="nav-bar">
            <li class="active"><a href="/Team:Dundee">Home</a></li>
-          <li><a href="/Team:Dundee/Team">Team</a></li>
-          <li><a href="/Team:Dundee/Project">Project</a></li>
+          	<li id="active"><a href="#" id="current">Team</a>
-		  <li><a href="/Team:Dundee/Parts">Parts</a></li>
+			<ul id="subnavlist">
-		  <li><a href="/Team:Dundee/Safety">Safety</a></li>
+				<li id="subactive"><a href="#" id="subcurrent">About Us</a></li>
-		  <li><a href="/Team:Dundee/HumanPractice">Human Practice</a></li>
+				<li><a href="#">Team Information</a></li>
-		  <li><a href="/Team:Dundee/Sponsors">Sponsors</a></li>
+				<li><a href="#">Gallery</a></li>
+				<li><a href="#">Acknowledgements</a></li>
+				<li><a href="#">Attributions</a></li>
+				<li><a href="#">Contact</a></li>
+			</ul>
+			<li id="active"><a href="/Team:Dundee/Team" id="current">Project</a>
+			<ul id="subnavlist">
+				<li id="subactive"><a href="#" id="subcurrent">Overview</a></li>
+				<li><a href="#">Data Page</a></li>
+				<li><a href="#">Lab</a></li>
+				<li><a href="#">Modelling</a></li>
+				<li><a href="#">Software</a></li>
+				<li><a href="#">Notebook</a></li>
+			</ul>
+		  <li id="active"><a href="/Team:Dundee/Parts" id="current">Parts</a>
+			<ul id="subnavlist">
+				<li id="subactive"><a href="#" id="subcurrent">Our Biobricks</a></li>
+				<li><a href="#">Improvements</a></li>
+				<li><a href="#">In Development</a></li>
+			</ul>
+		  	<li id="active"><a href="/Team:Dundee/Safety" id="current">Safety</a>
+			<ul id="subnavlist">
+				<li id="subactive"><a href="#" id="subcurrent">General Safety</a></li>
+				<li><a href="#">In The Lab</a></li>
+				<li><a href="#">Public Safety</a></li>
+				<li><a href="#">Enviroment</a></li>
+			</ul>
+		  	<li id="active"><a href="/Team:Dundee/HumanPractice" id="current">Human Practice</a>
+			<ul id="subnavlist">
+				<li id="subactive"><a href="#" id="subcurrent">Overview</a></li>
+				<li><a href="#">Media Channel</a></li>
+				<li><a href="#">Outreach</a></li>
+				<li><a href="#">Presentations</a></li>
+				<li><a href="#">Collaboration</a></li>
+				<li><a href="#">Comic</a></li>
+				<li><a href="#">Game</a></li>
+				<li><a href="#">Survey</a></li>
+				<li><a href="#">Blog</a></li>
+			</ul>
+		  	<li id="active"><a href="/Team:Dundee/Sponsors" id="current">Sponsors</a>
+			<ul id="subnavlist">
+				<li id="subactive"><a href="#" id="subcurrent">Our Sponsors</a></li>
+				<li><a href="#">Sponsorship Levels</a></li>
+				<li><a href="#">Public Safety</a></li>
+				<li><a href="#">Enviroment</a></li>
+			</ul>
          </ul>