Difference between revisions of "Team:SIAT-SCIE/Protocol"

 
(61 intermediate revisions by the same user not shown)
Line 13: Line 13:
 
         margin-left: auto;
 
         margin-left: auto;
 
         margin-right: auto;
 
         margin-right: auto;
−
         background-color: #F2E2C1;
+
         background-color: #FFFBF0;
 
     }
 
     }
  
 
     #comic p {
 
     #comic p {
−
         background-color: #F2E2C1;
+
         background-color: #FFFBF0;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
Line 28: Line 28:
 
         margin-right: auto;
 
         margin-right: auto;
 
     }
 
     }
−
 
+
    #menu{
 +
        text-align:center;
 +
        padding-left:300px;
 +
    }
 +
    #menu table{
 +
        width:600px;
 +
    }
 +
    .blocknoanimation {
 +
        text-align: center;
 +
        margin-top: 50px;
 +
       
 +
    }
 
   .block {
 
   .block {
 
       text-align:center;
 
       text-align:center;
 
       margin-top:50px;
 
       margin-top:50px;
−
       margin-bottom:50px;
+
       display:none;
 
   }
 
   }
 +
 
 
   .block embed{
 
   .block embed{
 
       width:800px;
 
       width:800px;
−
       height:600px;
+
       height:700px;
 
   }
 
   }
 +
    .block h2 {
 +
        margin-bottom: 50px;
 +
        margin-top:20px;
 +
        font-size: large;
 +
        text-align: center;
 +
    }
 
</style>
 
</style>
 +
<body style="width:1263px; margin-left:auto;margin-right:auto;">
 +
    <div id="body">
  
−
<div id="body">
+
        <!--default for floating navigation-->
  
−
    <!--default for floating navigation-->
+
        <div id="comic">
 +
            <p>
 +
                <img src="https://static.igem.org/mediawiki/2017/f/f9/SIAT-SCIE_protocol.png" alt="comic" />
 +
            </p>
 +
        </div>
 +
        <div id="menu" class="blocknoanimation">
 +
            <table>
 +
                <caption style="font-family:'Avenir';font-size:23px;margin-bottom:10px;">Menu for protocols</caption>
 +
                <tr id="indication">
 +
                   
 +
                    <td style="font-family:'Avenir' ;font-size:23px;margin:15px;">Protocol Name</td>
  
−
    <div id="comic">
+
                </tr>
−
         <p>
+
                <tr>
−
             <img src="https://static.igem.org/mediawiki/2017/f/f9/SIAT-SCIE_protocol.png" alt="comic" />
+
                   
−
         </p>
+
                    <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/8/86/SIAT-SCIE_Bacterial_Transformation.pdf" onclick="showup('Bacterial_Transformation');return false; ">Bacterial Transformation</a></td>
 +
 
 +
                </tr>
 +
               
 +
                <tr>
 +
                   
 +
                    <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/8/82/SIAT-SCIE_General_necessities_.pdf" onclick="showup('General_Necessities');return false; ">General Necessities</a></td>
 +
 
 +
                </tr>
 +
                <tr>
 +
                   
 +
                    <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/e/ea/SIAT-SCIE_PCR_amplification.pdf" onclick="showup('PCR_Amplification');return false; ">PCR Amplification</a></td>
 +
 
 +
                </tr>
 +
                <tr>
 +
                   
 +
                    <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/0/0b/SIAT-SCIE_PCR_purification.pdf" onclick="showup('PCR_Purification');return false; ">PCR Purification</a></td>
 +
 
 +
                </tr>
 +
                <tr>
 +
                   
 +
                    <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/2/28/SIAT-SCIE_Picking_colony_and_colony_PCR.pdf" onclick="showup('Picking_colony');return false; ">Picking colony and colony PCR</a></td>
 +
 
 +
                </tr>
 +
                <tr>
 +
                   
 +
                    <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/b/b9/SIAT-SCIE_Protein_Characterisation.pdf"  onclick="showup('Protein_Characterisation');return false; ">Protein Characterisation</a></td>
 +
 
 +
                </tr>
 +
                <tr>
 +
                   
 +
                    <td style="font-family:'Avenir' ;font-size:23px;margin:15px;"><a href="https://static.igem.org/mediawiki/2017/4/4f/SIAT-SCIE_Radiation_Resistance_Test.pdf" onclick="showup('Radiation_Resistance_Test');return false; ">Radiation Resistance Test</a></tdstyle="font-family:'Comic>
 +
 
 +
                </tr>
 +
            </table>
 +
        </div>
 +
 
 +
        <div class="block" id="Bacterial_Transformation">
 +
            <h2 style="font-family:'Avenir';font-size:23px">Bacterial Transformation</h2>
 +
            <embed src="https://static.igem.org/mediawiki/2017/8/86/SIAT-SCIE_Bacterial_Transformation.pdf" alt="Bacterial_Transformation" />
 +
         </div>
 +
       
 +
        <div class="block" id="General_Necessities">
 +
             <h2 style="font-family:'Avenir';font-size:23px">General Necessities</h2>
 +
            <embed src="https://static.igem.org/mediawiki/2017/8/82/SIAT-SCIE_General_necessities_.pdf" alt="General_Necessities" />
 +
         </div>
 +
        <div class="block" id="PCR_Amplification">
 +
            <h2 style="font-family:'Avenir';font-size:23px">PCR Amplification</h2>
 +
            <embed src="https://static.igem.org/mediawiki/2017/e/ea/SIAT-SCIE_PCR_amplification.pdf" alt="PCR_Amplification" />
 +
        </div>
 +
        <div class="block" id="PCR_Purification">
 +
            <h2 style="font-family:'Avenir';font-size:23px">PCR Purification</h2>
 +
            <embed src="https://static.igem.org/mediawiki/2017/0/0b/SIAT-SCIE_PCR_purification.pdf" alt="PCR_Purification" />
 +
        </div>
 +
        <div class="block" id="Picking_colony">
 +
            <h2 style="font-family:'Avenir';font-size:23px">Picking colony</h2>
 +
            <embed src="https://static.igem.org/mediawiki/2017/2/28/SIAT-SCIE_Picking_colony_and_colony_PCR.pdf" alt="Picking_colony" />
 +
        </div>
 +
        <div class="block" id="Protein_Characterisation">
 +
            <h2 style="font-family:'Avenir';font-size:23px">Protein Characterisation</h2>
 +
            <embed src="https://static.igem.org/mediawiki/2017/b/b9/SIAT-SCIE_Protein_Characterisation.pdf" alt="Protein_Characterisation" />
 +
        </div>
 +
        <div class="block" id="Radiation_Resistance_Test">
 +
            <h2 style="font-family:'Avenir';font-size:23px">Radiation Resistance Test</h2>
 +
            <embed src="https://static.igem.org/mediawiki/2017/4/4f/SIAT-SCIE_Radiation_Resistance_Test.pdf" alt="Radiation_Resistance_Test" />
 +
        </div>
 +
        <div class="blocknoanimation"><br /><br /></div>
 +
       
 
     </div>
 
     </div>
−
     <div class=" block">
+
     </body>
−
        <embed src="https://static.igem.org/mediawiki/2017/8/86/SIAT-SCIE_Bacterial_Transformation.pdf" alt="Bacterial_Transformation" />
+
<script>
−
    </div>
+
     function showup(elementID) {
−
     <div class=" block">
+
         var all = document.getElementsByClassName('block');
−
         <embed src="https://static.igem.org/mediawiki/2017/7/76/SIAT-SCIE_Enzyme_Assay.pdf" alt="Enzyme_Assay" />
+
         for (var count = 0; count < all.length; count++) {
−
    </div>
+
           
−
    <div class=" block">
+
            all[count].style.display = "none";
−
         <embed src="https://static.igem.org/mediawiki/2017/8/82/SIAT-SCIE_General_necessities_.pdf" alt="General_Necessities" />
+
        }
−
    </div>
+
       
−
    <div class=" block">
+
         var elem = document.getElementById(elementID);
−
        <embed src="https://static.igem.org/mediawiki/2017/e/ea/SIAT-SCIE_PCR_amplification.pdf" alt="PCR_Amplification" />
+
         elem.style.display = "block";
−
    </div>
+
 
−
    <div class=" block">
+
     }
−
         <embed src="https://static.igem.org/mediawiki/2017/0/0b/SIAT-SCIE_PCR_purification.pdf" alt="PCR_Purification" />
+
      
−
    </div>
+
 
−
    <div class=" block">
+
</script>
−
         <embed src="https://static.igem.org/mediawiki/2017/2/28/SIAT-SCIE_Picking_colony_and_colony_PCR.pdf" alt="Picking_colony" />
+
−
     </div>
+
−
     <div class=" block">
+
−
        <embed src="https://static.igem.org/mediawiki/2017/b/b9/SIAT-SCIE_Protein_Characterisation.pdf" alt="Protein_Characterisation" />
+
−
    </div>
+
−
</div>
+
 
</html>
 
</html>
 
{{SIAT-SCIE footer}}
 
{{SIAT-SCIE footer}}

Latest revision as of 07:53, 24 October 2017

comic

Bacterial Transformation

General Necessities

PCR Amplification

PCR Purification

Picking colony

Protein Characterisation

Radiation Resistance Test



footer