Difference between revisions of "Team:UNOTT/Results"

Line 60: Line 60:
 
}
 
}
  
 +
.wrapper {
 +
  width: 50%;
 +
  margin: 0 auto;
 +
  padding: 3em 0 0;
 +
}
  
 +
.dropdown {
 +
  float: left;
 +
  width: 100%;
 +
  position: relative;
 +
  padding-bottom: 2em;
 +
}
 +
 +
.dropdown input[type=checkbox] {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  opacity: 0;
 +
  cursor: pointer;
 +
}
 +
 +
.dropdown label {
 +
  cursor: pointer;
 +
  display: inline-block;
 +
  padding-left: 1.75rem;
 +
  font-size: 1.4rem;
 +
  line-height: 2rem;
 +
  font-weight: 600;
 +
  color: #333;
 +
  font-family: Arial, sans-serif;
 +
}
 +
 +
.dropdown label:before {
 +
  content: "";
 +
  position: absolute;
 +
  top: 6px;
 +
  left: 0;
 +
  border-left: 8px solid #F5634A;
 +
  border-top: 8px solid transparent;
 +
  border-bottom: 8px solid transparent;
 +
  margin-left: 4px;
 +
}
 +
 +
.dropdown input[type=checkbox]:checked ~ label:before {
 +
  border-left: 8px solid transparent;
 +
  border-top: 8px solid #F5634A;
 +
  border-right: 8px solid transparent;
 +
  margin: 6px 0 0;
 +
}
 +
 +
.dropdown .text {
 +
  max-height: 0;
 +
  -webkit-transition: max-height 1s;
 +
  -moz-transition: max-height 1s;
 +
  -ms-transition: max-height 1s;
 +
  -o-transition: max-height 1s;
 +
  transition: max-height 1s; 
 +
  overflow: hidden;
 +
  font-family: Georgia, serif;
 +
  font-size: 1.2rem;
 +
  line-height: 1.6rem;
 +
  letter-spacing: 0.05em;
 +
  color: #333;
 +
  padding-left: 1.75rem;
 +
}
 +
 +
.dropdown input[type=checkbox]:checked ~ .text {
 +
  max-height: 100px;
 +
}
 
</style>
 
</style>
  
Line 118: Line 188:
  
 
</div>  
 
</div>  
 +
 +
<div class="wrapper">
 +
  <div class="dropdown">
 +
  <input type="checkbox" id="question-1">
 +
  <label for="question-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?</label>
 +
    <div class="text">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.</p>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown">
 +
  <input type="checkbox" id="question-2">
 +
  <label for="question-2">Lorem ipsum dolor sit amet, consectetur adipisicing?</label>
 +
    <div class="text">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.</p>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown">
 +
  <input type="checkbox" id="question-3">
 +
  <label for="question-3">Magna aliqua ut enim ad minim?</label>
 +
    <div class="text">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.</p>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown">
 +
  <input type="checkbox" id="question-4">
 +
  <label for="question-4">Lorem ipsum dolor sit amet, consectetur adipisicing?</label>
 +
    <div class="text">
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.</p>
 +
    </div>
 +
  </div>
 +
</div>       
  
  

Revision as of 20:00, 29 October 2017





RESULTS:

STEP 1: Create guideRNA Plasmid

STEP 2: Create Reporter Plasmid

STEP 3: Create Promoter Library

STEP 4: Random Ligations

STEP 5: Freeze drying & Revivial

STEP 6: CRISPRi & guideRNA 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.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim ad minim veniam.