(2 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{Alverno_CA}} | {{Alverno_CA}} | ||
<html> | <html> | ||
− | + | <script src="http://wayou.github.io/SlipHover/js/jquery.sliphover.min.js"> | |
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | #container{ | ||
+ | width: 750px; | ||
+ | margin: 0 auto; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #container img{ | ||
+ | margin:10px 10px 0px 0px; | ||
+ | float: left; | ||
+ | } | ||
+ | #container div{ | ||
+ | width: 650px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #container ul li{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | .sliphover-container{ | ||
+ | z-index:99; | ||
+ | } | ||
+ | #menuContainer{ | ||
+ | top:0px; | ||
+ | margin-top:0px; | ||
+ | position:absolute; | ||
+ | } | ||
+ | #top_nav_bulge{ | ||
+ | top:110px; | ||
+ | } | ||
+ | </style> | ||
<head> | <head> | ||
<title>Alverno iGEM 2016</title> | <title>Alverno iGEM 2016</title> | ||
Line 10: | Line 40: | ||
<br> | <br> | ||
<br> | <br> | ||
− | |||
<h2><center>Protocols</center></h2> | <h2><center>Protocols</center></h2> | ||
+ | <div class="demo" id="container"> | ||
+ | <center> | ||
+ | <ul> | ||
+ | <li style="list-style: none"><br> | ||
+ | <br> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><img src= | ||
+ | "https://static.igem.org/mediawiki/2016/d/d2/T--Alverno_CA--Autoclaving.jpg" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | "Autoclaving"> | ||
+ | </li> | ||
+ | <li><img src= | ||
+ | "https://static.igem.org/mediawiki/2016/4/48/T--Alverno_CA--Runninggel.jpg" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | "Running Gel"> | ||
+ | </li> | ||
+ | <li><img src= | ||
+ | "https://static.igem.org/mediawiki/2016/2/28/T--Alverno_CA--TBE.jpg" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | "One of our team member is checking TBE 1x Buffer."> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </center> | ||
+ | </div> | ||
+ | <br><br><br><br><br><br><br><br><br><br> | ||
+ | |||
+ | |||
+ | |||
<br> | <br> | ||
<h5>*Note: Pipettes are needed.</h5> | <h5>*Note: Pipettes are needed.</h5> | ||
Line 408: | Line 468: | ||
</body> | </body> | ||
+ | |||
+ | |||
+ | <script> | ||
+ | $("#container").sliphover(); | ||
+ | $(".sliphover-container").css('z-index','99'); | ||
+ | $("#menuContainer").css('z-index','99'); | ||
+ | </script> | ||
+ | |||
</html> | </html> |
Latest revision as of 03:38, 20 October 2016