Team:Warwick/Parts

From 2014.igem.org

(Difference between revisions)
Line 14: Line 14:
        
        
       <!--jQuery-->
       <!--jQuery-->
-
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
       <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>-->
 +
 
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
 +
<script src="https://2014.igem.org/Template:Team:Warwick/hoverbox.js?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 +
 
 +
 
 +
<link href="https://2014.igem.org/Template:Team:Warwick/hoverbox.css?action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet">
 +
 
       <!--Global CSS stylesheet implementation, linked to permanent Drive-hosted CSS file -->
       <!--Global CSS stylesheet implementation, linked to permanent Drive-hosted CSS file -->
       <style type="text/css">
       <style type="text/css">
         @import url("https://googledrive.com/host/0B0qHcBpAhFaCQnZtWkUxNnVTSlk");
         @import url("https://googledrive.com/host/0B0qHcBpAhFaCQnZtWkUxNnVTSlk");
 +
       </style>
       </style>
Line 26: Line 34:
         });
         });
       </script>
       </script>
 +
   </head>
   </head>
Line 57: Line 66:
             <!-- THIS IS WHERE YOUR MAIN BODY GOES -->
             <!-- THIS IS WHERE YOUR MAIN BODY GOES -->
 +
<div id="pop1" class="popbox">
 +
    <h2>5' Promoter</h2>
 +
    <p>This is an example popbox.</p>
 +
</div>
 +
<div id="pop2" class="popbox">
 +
    <h2>IRES</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
 +
<div id="pop3" class="popbox">
 +
    <h2>MS2 Box</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
 +
<div id="pop4" class="popbox">
 +
    <h2>Neomycin Resistance</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
 +
<div id="pop5" class="popbox">
 +
    <h2>Aptazyme</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
 +
<div id="pop6" class="popbox">
 +
    <h2>siRNA</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
 +
<div id="pop7" class="popbox">
 +
    <h2>MS2 Coat Protein</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
 +
<div id="pop8" class="popbox">
 +
    <h2>P2A</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
 +
<div id="pop9" class="popbox">
 +
    <h2>RdRp</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
 +
<div id="pop10" class="popbox">
 +
    <h2>3' Promoter</h2>
 +
    <p>Don't let this popbox go off the screen!</p>
 +
</div>
<table border="0" cellpadding="0" cellspacing="0">
<table border="0" cellpadding="0" cellspacing="0">
Line 62: Line 111:
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/7/7f/5%27_promoter-01-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop1"><img src="https://static.igem.org/mediawiki/2014/7/7f/5%27_promoter-01-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/0/01/IRES-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop2"><img src="https://static.igem.org/mediawiki/2014/0/01/IRES-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/5/50/MS2_box-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop3"><img src="https://static.igem.org/mediawiki/2014/5/50/MS2_box-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/6/6c/Neomycin_Resistance-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop4"><img src="https://static.igem.org/mediawiki/2014/6/6c/Neomycin_Resistance-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/d/d7/Aptazyme-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop5"><img src="https://static.igem.org/mediawiki/2014/d/d7/Aptazyme-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/0/0c/SiRNA-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop6"><img src="https://static.igem.org/mediawiki/2014/0/0c/SiRNA-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/f/fa/IRES_2-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop2"><img src="https://static.igem.org/mediawiki/2014/f/fa/IRES_2-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/a/a5/MS2_coat_protein-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop7"><img src="https://static.igem.org/mediawiki/2014/a/a5/MS2_coat_protein-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/c/c5/P2A-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop8"><img src="https://static.igem.org/mediawiki/2014/c/c5/P2A-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/3/38/RdRp-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop9"><img src="https://static.igem.org/mediawiki/2014/3/38/RdRp-01.png" width="100%"></a>
</td>
</td>
<td>
<td>
-
<img src="https://static.igem.org/mediawiki/2014/c/c7/3%27_promoter-01.png" width="100%">
+
<a href="#" class="popper" data-popbox="pop10"><img src="https://static.igem.org/mediawiki/2014/c/c7/3%27_promoter-01.png" width="100%"></a>
</td>
</td>
</tr>
</tr>
Line 99: Line 148:
             </div>
             </div>
 +
 +
 +
 +
<!--This is a popbox test.  <a href="#" class="popper" data-popbox="pop1">Hover here</a> to see how it works.  You can also hover <a href="#" class="popper" data-popbox="pop2">here</a> to see a different example.-->
 +
         </div>
         </div>
         <!--CONTENT END-->
         <!--CONTENT END-->
-
     <!-- </div>-->
+
     </div>
   </body>
   </body>

Revision as of 12:58, 16 October 2014

5' Promoter

This is an example popbox.

IRES

Don't let this popbox go off the screen!

MS2 Box

Don't let this popbox go off the screen!

Neomycin Resistance

Don't let this popbox go off the screen!

Aptazyme

Don't let this popbox go off the screen!

siRNA

Don't let this popbox go off the screen!

MS2 Coat Protein

Don't let this popbox go off the screen!

P2A

Don't let this popbox go off the screen!

RdRp

Don't let this popbox go off the screen!

3' Promoter

Don't let this popbox go off the screen!