Line 5: | Line 5: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <button | + | <button class="dropbtn">Dropdown</button> |
− | <div | + | <div class="dropdown-content"> |
<a href="#">Link 1</a> | <a href="#">Link 1</a> | ||
<a href="#">Link 2</a> | <a href="#">Link 2</a> | ||
Line 12: | Line 12: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | /* Dropdown Button */ | ||
+ | .dropbtn { | ||
+ | background-color: #4CAF50; | ||
+ | color: white; | ||
+ | padding: 16px; | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | /* The container <div> - needed to position the dropdown content */ | ||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /* Dropdown Content (Hidden by Default) */ | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | /* Links inside the dropdown */ | ||
+ | .dropdown-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* Change color of dropdown links on hover */ | ||
+ | .dropdown-content a:hover {background-color: #f1f1f1} | ||
+ | |||
+ | /* Show the dropdown menu on hover */ | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* Change the background color of the dropdown button when the dropdown content is shown */ | ||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: #3e8e41; | ||
+ | } | ||
<h2>Our Project:</h2> | <h2>Our Project:</h2> |
Revision as of 20:59, 8 August 2016
/* Dropdown Button */ .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } /* The container
Our Project:
The objective of our project is design and test a variety of quorum sensing networks, and , flexible testing platform, in which the QS system is separated into two components designated the “Sender” and the “Receiver”. The HSL synthase is expressed in the Sender cell, while the inducible promoter and regulator are carried by a Receiver cell. When the Sender produces a signal, the HSL, it diffuses across cell membranes and activates the Receiver. In our current system, Receivers will express green fluorescent protein (GFP) in response to induction by Senders from different bacterial species. Currently, our team has built 10 senders and 7 receivers, several of which have been shown to be functional in E. coli. Testing for the remaining systems is still underway, and more receivers are still being cloned.
Our iGEM team is investigating the diverse applications that fit with our quorum sensing project. Some of the sub-projects include: investigating the Aub strain, which originates from unidentified soil bacterium, to decipher its organism of origin; making a “super quorum sensing” E. coli that is engineered to respond to wider variety of HSLs; more comprehensive characterization of HSLs produced by our Senders using mass spec; and building a genetic-based circuit model using Arduino or Logism. The latter is one of our several outreach projects, designed to increase future participation and interest in the ASU iGEM team.