Difference between revisions of "Team:CSMU NCHU Taiwan/Parts"

Line 110: Line 110:
 
     width: 100%; }
 
     width: 100%; }
 
</style>
 
</style>
−
  <body>
+
    <body>
−
     <div class="bg-container">
+
     <div class="bg-container" style="max-height:none;">
 
       <img src="https://static.igem.org/mediawiki/2017/f/fd/T--CSMU_NCHU_Taiwan--parts.png">
 
       <img src="https://static.igem.org/mediawiki/2017/f/fd/T--CSMU_NCHU_Taiwan--parts.png">
 
       <div class="my-main-container">
 
       <div class="my-main-container">
Line 124: Line 124:
 
             <span class="pdfbtn" id="parts-btn-1">Basic Parts<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 
             <span class="pdfbtn" id="parts-btn-1">Basic Parts<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 
             <div class="pdf-container" id="parts-1">
 
             <div class="pdf-container" id="parts-1">
−
               <object data="" type="application/pdf" width="100%" height="100%">
+
               <img class="center" src="https://static.igem.org/mediawiki/2017/d/dd/T--CSMU_NCHU_Taiwan--basic_part.png" alt="" style="width: 90%; margin-top: -30px;">
−
                <p>Alternative text - include a link <a href="">to the PDF!</a></p>
+
−
              </object>
+
 
             </div>
 
             </div>
 
             <span class="pdfbtn" id="parts-btn-2">Component Parts<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 
             <span class="pdfbtn" id="parts-btn-2">Component Parts<i class="fa fa-caret-down" aria-hidden="true"></i></span>
 
             <div class="pdf-container" id="parts-2">
 
             <div class="pdf-container" id="parts-2">
−
               <object data="" type="application/pdf" width="100%" height="100%">
+
               <img class="center" src="https://static.igem.org/mediawiki/2017/9/94/T--CSMU_NCHU_Taiwan--composit.png" alt="" style="width: 90%; margin-top: -30px;">
−
                <p>Alternative text - include a link <a href="">to the PDF!</a></p>
+
−
              </object>
+
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Line 144: Line 140:
 
   <script type="text/javascript">
 
   <script type="text/javascript">
 
     $('#parts-btn-1').on('click', function(){
 
     $('#parts-btn-1').on('click', function(){
−
      $('#parts-1').css('height','250vh')
 
 
       $('#parts-1').slideToggle("slow");
 
       $('#parts-1').slideToggle("slow");
−
      $('.bg-container').css('max-height','500vh')
 
−
      $('.main-content').css('min-height','200vh')
 
 
     });
 
     });
 
     $('#parts-btn-2').on('click', function(){
 
     $('#parts-btn-2').on('click', function(){
−
      $('#parts-2').css('height','250vh')
 
 
       $('#parts-2').slideToggle("slow");
 
       $('#parts-2').slideToggle("slow");
−
      $('.bg-container').css('max-height','500vh')
 
−
      $('.main-content').css('min-height','200vh')
 
 
     });
 
     });
 
     $('.top').on('click', function(){
 
     $('.top').on('click', function(){

Revision as of 07:52, 30 October 2017

HOME
Safety

Parts

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum veritatis quaerat obcaecati, nobis assumenda reprehenderit nisi minus tenetur. Quae, debitis? ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam suscipit officiis fugiat accusamus quia eaque adipisci, odio rem saepe odit sint quasi, officia consequuntur praesentium laboriosam magni corporis. Quos, vero.

Basic Parts
Component Parts