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> | ||
Line 13: | Line 46: | ||
<center><h2>Proof of Concept</h2></center> | <center><h2>Proof of Concept</h2></center> | ||
+ | <div class="demo" id="container"> | ||
+ | <center> | ||
+ | <ul> | ||
+ | <li style="list-style: none"><br> | ||
+ | <br> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><img src= | ||
+ | "http://placehold.it/215.215" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | Caption> | ||
+ | </li> | ||
+ | <li><img src= | ||
+ | "http://placehold.it/215.215" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | Caption> | ||
+ | </li> | ||
+ | <li><img src= | ||
+ | "http://placehold.it/215.215" | ||
+ | style="height:215px;width:215px;" title= | ||
+ | Caption> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </center> | ||
+ | </div> | ||
+ | <br><br><br><br><br><br><br><br><br><br> | ||
<h3>To find out more about our Proof of Concept see our | <h3>To find out more about our Proof of Concept see our | ||
<a href="https://2016.igem.org/Team:Alverno_CA/Results"> Results page.</a><h3> | <a href="https://2016.igem.org/Team:Alverno_CA/Results"> Results page.</a><h3> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | <script> | ||
+ | $("#container").sliphover(); | ||
+ | $(".sliphover-container").css('z-index','99'); | ||
+ | $("#menuContainer").css('z-index','99'); | ||
+ | </script> | ||
+ | |||
+ | </html> |
Revision as of 20:25, 19 October 2016