Difference between revisions of "Team:Toronto/WetLab/ExperimentProtocols"

Line 106: Line 106:
 
     font-size: 40px;
 
     font-size: 40px;
 
     text-shadow: 3px 0px white;
 
     text-shadow: 3px 0px white;
−
    padding:10px;
 
 
   }
 
   }
 +
 +
  h2 span {
 +
  color: white;
 +
  font: bold 24px/45px Helvetica, Sans-Serif;
 +
  letter-spacing: -1px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
  padding: 10px;
 +
}
 
    
 
    
 
</style>
 
</style>
Line 123: Line 131:
 
   <div style="padding-top: 20px; margin-left:auto; margin-right:auto">
 
   <div style="padding-top: 20px; margin-left:auto; margin-right:auto">
 
     <div class= 'oneThirdClass'>
 
     <div class= 'oneThirdClass'>
−
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/e/e4/T--Toronto--_Colony_PCR_Protocol_content.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2>Protocol:<br />Something</h2> </a>
+
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/e/e4/T--Toronto--_Colony_PCR_Protocol_content.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2><span>Protocol:<br />Something</span></h2> </a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
     <div class= 'oneThirdClass'>
 
     <div class= 'oneThirdClass'>
−
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/5/5e/T--Toronto--_70%25_Ethanol_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2>Protocol:<br />Something2</h2> </a>
+
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/5/5e/T--Toronto--_70%25_Ethanol_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2><span>Protocol:<br />Something2</span></h2> </a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
     <div class= 'oneThirdClass'>
 
     <div class= 'oneThirdClass'>
−
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/e/ec/T--Toronto--_Antibacterial_Stock_Preperation_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2>Protocol:<br />Something2</h2> </a>
+
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/e/ec/T--Toronto--_Antibacterial_Stock_Preperation_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2><span>Protocol:<br />Something2</span></h2> </a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 137: Line 145:
 
   <div style="padding-top: 20px; float: bottom;">
 
   <div style="padding-top: 20px; float: bottom;">
 
     <div class= 'oneThirdClass'>
 
     <div class= 'oneThirdClass'>
−
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/3/33/T--Toronto--_Bacterial_Transformation_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2>Protocol:<br />Something2</h2> </a>
+
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/3/33/T--Toronto--_Bacterial_Transformation_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2> </a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
     <div class= 'oneThirdClass'>
 
     <div class= 'oneThirdClass'>
−
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/f/f8/T--Toronto--_Buyoncy_assay.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2>Protocol:<br />Something2</h2>  </a>
+
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/f/f8/T--Toronto--_Buyoncy_assay.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2>  </a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
     <div class= 'oneThirdClass'>
 
     <div class= 'oneThirdClass'>
−
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/d/df/T--Toronto--_Dpn1_Digestion.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2>Protocol:<br />Something2</h2> </a>
+
       <div class="image"> <a href="https://static.igem.org/mediawiki/2018/d/df/T--Toronto--_Dpn1_Digestion.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2> </a>
 
       </div>
 
       </div>
 +
  </div>
 +
 
 +
  <div style="padding-top: 20px; float: bottom;">
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/0/00/T--Toronto--_Electroporation_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2> </a>
 +
    </div>
 +
  </div>
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/a/a8/T--Toronto--_Exclusion_PCR.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2> </a>
 +
    </div>
 +
  </div>
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/2/2d/T--Toronto--_Gel_Electrophoresis_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2>  </a>
 +
    </div>
 +
  </div>
 +
  </div>
 +
 
 +
  <div style="padding-top: 20px; float: bottom;">
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/d/d6/T--Toronto--_Gibson_Assembly.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2>  </a>
 +
    </div>
 +
  </div>
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/f/f2/T--Toronto--_LB_Media_Preperation_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2>  </a>
 +
    </div>
 +
  </div>
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/d/d6/T--Toronto--_NEB_Monarch_Miniprep.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2><span>Protocol:<br />Something2</span></h2> </a>
 +
    </div>
 +
  </div>
 +
  </div>
 +
 
 +
  <div style="padding-top: 20px; float: bottom;">
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/8/83/T--Toronto--_Phosphate_Buffered_Saline.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2>  </a>
 +
    </div>
 +
  </div>
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/f/f3/T--Toronto--_Rubidium_Chloride_Competent_Cells.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px">  <h2><span>Protocol:<br />Something2</span></h2> </a>
 +
    </div>
 +
  </div>
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/9/98/T--Toronto--_SOC_Medium_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2><span>Protocol:<br />Something2</span></h2> </a>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  <div style="padding-top: 20px; float: bottom;">
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/4/45/T--Toronto--_T4_Ligase_Protocol.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2><span>Protocol:<br />Something2</span></h2> </a>
 +
    </div>
 +
  </div>
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/7/72/T--Toronto--_Lab_Safety.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2><span>Protocol:<br />Something2</span></h2> </a>
 +
    </div>
 +
  </div>
 +
    <div class= 'oneThirdClass'>
 +
      <div class="image"> <a href="https://static.igem.org/mediawiki/2018/7/79/T--Toronto--_Basic_Terminology_and_Concepts.pdf"><img id="PopupImg" src="https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg" alt="Something1" style="width:100%;max-width:500px;padding:20px"> <h2><span>Protocol:<br />Something2</span></h2> </a>
 +
    </div>
 
   </div>
 
   </div>
 
   </div>
 
   </div>

Revision as of 00:57, 25 August 2018