Difference between revisions of "Team:UNOTT/Results"

Line 12: Line 12:
  
 
<style>
 
<style>
 +
div { position: relative; }
 +
input[type=checkbox] {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  opacity: 0;
 +
}
 +
label {
 +
  cursor: pointer;
 +
}
 +
label {
 +
  position: relative;
 +
  display: block;
 +
  padding-left: 30px;
 +
  font-family: 'Spicy Rice', cursive;
 +
}
 +
 +
input[type=checkbox]:checked ~ h2 label:before {
 +
  border-left: 8px solid transparent;
 +
  border-top: 8px solid black;
 +
  border-right: 8px solid transparent;
 +
  margin-left: -4px;
 +
  margin-top: -4px
 +
}
 +
 +
p {
 +
  max-height: 0;
 +
  overflow: hidden;
 +
  padding-left: 30px;
 +
  transition: max-height 0.4s ease;
 +
  font-family: 'Habibi', serif;
 +
}
 +
input[type=checkbox]:checked ~ h2 ~ p {
 +
  max-height: 80px;
 +
}
 +
 +
 +
 +
 +
label:before {
 +
  content: "";
 +
  position: absolute;
 +
  width: 0;
 +
  height: 0;
 +
  top: 50%;
 +
  left: 10px;
 +
  border-left: 8px solid black;
 +
  border-top: 8px solid transparent;
 +
  border-bottom: 8px solid transparent;
 +
  margin-top: -8px;
 +
}
 +
h2 {
 +
  font-size: 30px;
 +
  font-weight: 400;
 +
  color: #4a19ff;
 +
  margin: 60px 0 10px 0;
 +
}
  
 
h2 span.spacer {
 
h2 span.spacer {
Line 86: Line 145:
  
  
 +
 +
<div>
 +
<input type="checkbox" id="faq-1">
 +
<h2><label for="faq-1">OBJECTIVE: CRISPRi & gRNA EFFICIENCY</label></h2>
 +
<p>This picture shows our gRNAs working visually, but the graphs show the results of RFP detection using a microplate reader on cultures containing each of the dCas9 plasmids with one promoter-RFP-terminator brick, with its corresponding gRNA plasmid,
 +
or with a non-targeting gRNA plasmid./p>
 +
</div>
 +
 +
<div>
 +
<input type="checkbox" id="faq-2">
 +
<h2><label for="faq-2">Test</label></h2>
 +
<p>As many as you need to wash you out from my mind and out of my consciousness.</p>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
 +
</div>
  
 
   
 
   

Revision as of 14:06, 28 October 2017

Expandable Boxes With CSS Transitions





RESULTS:

OBJECTIVE: CREATE pgRNA

OBJECTIVE: CREATE pREPORTER

OBJECTIVE: PROMOTER LIBRARY

OBJECTIVE: RANDOM LIGATIONS

OBJECTIVE: FREEZE DRYING

OBJECTIVE: CRISPRi & gRNA EFFICIENCY

This picture shows our gRNAs working visually, but the graphs show the results of RFP detection using a microplate reader on cultures containing each of the dCas9 plasmids with one promoter-RFP-terminator brick, with its corresponding gRNA plasmid, or with a non-targeting gRNA plasmid.

This picture shows our gRNAs working visually, but the graphs show the results of RFP detection using a microplate reader on cultures containing each of the dCas9 plasmids with one promoter-RFP-terminator brick, with its corresponding gRNA plasmid, or with a non-targeting gRNA plasmid./p>

As many as you need to wash you out from my mind and out of my consciousness.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.