Team:UPenn

From 2013.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -->
+
<html>
 +
<head>
 +
<script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
 +
<!--<script type="text/javascript" src="/path/to/jquery-1.9.1.min.js"></script>-->
 +
<script type="text/javascript" src="http://baijs.nl/tinycarousel/js/jquery.tinycarousel.min.js"></script>
 +
 
 +
 
 +
<script type="text/javascript">
 +
    $(document).ready(function(){
 +
               
 +
        $('#slider-code').tinycarousel();
 +
       
 +
    });
 +
</script>
 +
 
 +
 
 +
<style>
 +
   
 +
#slider-code { height: 300px; overflow:hidden; }
 +
#slider-code .viewport { float: left; width: 400px; height: 300px; overflow: hidden; position: relative; }
 +
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
 +
#slider-code .next { margin: 30px 0 0 10px; }
 +
#slider-code .disable { visibility: hidden; }
 +
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
 +
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 296px; border: 1px solid #dcdcdc; width: 396px;}
 +
           
 +
 
 +
.outer {
 +
width: 100%;
 +
text-align: center;
 +
float: center;
 +
height: 100%;
 +
background-color: #000000;
 +
}
 +
 
 +
#p-logo {
 +
    position: absolute;
 +
    display: none;
 +
}
 +
 
 +
#content {
 +
width: 100%;
 +
}
 +
 
 +
#top-section {
 +
    position: absolute;
 +
}
 +
 
 +
 
 +
.firstHeading {
 +
    position: absolute;
 +
    display: none;
 +
}
 +
 
 +
.thumb {
 +
    display: none;
 +
    position: absolute;
 +
}
 +
 
 +
#banner {
 +
width: 100%;
 +
background-color: #FFFF99;
 +
height: 300px;
 +
}
 +
 
 +
.space {
 +
height: 20px;
 +
background-color: gray;
 +
}
 +
 
 +
.one {
 +
float:right;
 +
height: 1000px;
 +
width: 100%;
 +
background-color: #FF9999;
 +
}
 +
 
 +
.circle {
 +
    height: 20px;
 +
    width: 20px;
 +
    background-color: #FF9999;
 +
    z-index: 999;
 +
}
 +
 
 +
</style>
 +
</head>
 +
 
 +
 
 +
<body>
 +
<div class="outer">
 +
 
 +
<div id="banner">
 +
 
 +
</div>
 +
 
 +
<div class="space"></div>
 +
 
 +
 
 +
<div class="one">
 +
   
 +
<div id="slider-code">
 +
    <a class="buttons prev" href="#"><img class="circle" src=""/></a>
 +
    <div class="viewport">
 +
        <ul class="overview">
 +
            <li><img src="images/picture3.jpg" /></li>
 +
            <li><img src="images/picture2.jpg" /></li>
 +
            <li><img src="images/picture1.jpg" /></li>
 +
        </ul>
 +
    </div>
 +
    <a class="buttons next" href="#"><img class="circle" src=""/></a>
 +
</div>
 +
 
 +
 
 +
</div>
 +
 
 +
</div>
 +
</body>
 +
</html>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!--
<html>
<html>
<head>
<head>
Line 85: Line 208:
|}
|}
-->
-->
-
 
-
 
-
<!--- The Mission, Experiments --->
 

Revision as of 16:11, 19 June 2013




Retrieved from "http://2013.igem.org/Team:UPenn"