"
Team:UPenn
From 2013.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
<!--<script type="text/javascript" src="/path/to/jquery-1.9.1.min.js"></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" src="http://baijs.nl/tinycarousel/js/jquery.tinycarousel.min.js"></script> | ||
| - | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| - | + | $('#slider-code').tinycarousel(); | |
}); | }); | ||
| Line 17: | Line 16: | ||
<style> | <style> | ||
| - | #slider-code { height: 300px; overflow:hidden; } | + | #slider-code { height: 300px; overflow:hidden;} |
#slider-code .viewport { float: left; width: 400px; height: 300px; overflow: hidden; position: relative; } | #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 .buttons { display: block; margin: 30px 10px 0 0; float: left; } | ||
| Line 24: | Line 23: | ||
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } | #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;} | #slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 296px; border: 1px solid #dcdcdc; width: 396px;} | ||
| - | |||
.outer { | .outer { | ||
| Line 70: | Line 68: | ||
.one { | .one { | ||
| - | |||
height: 1000px; | height: 1000px; | ||
width: 100%; | width: 100%; | ||
| Line 79: | Line 76: | ||
height: 20px; | height: 20px; | ||
width: 20px; | width: 20px; | ||
| - | background-color: | + | background-color: black; |
| - | + | -moz-border-radius: 100% | |
| + | -ms-border-radius: 100%; | ||
| + | -webkit-border-radius: 100%; | ||
| + | -o-border-radius: 100%; | ||
| + | border-radius: 100%; | ||
} | } | ||
| + | |||
| + | .two { | ||
| + | height:1000px; | ||
| + | width: 100%; | ||
| + | background-color: #7BB8F2; | ||
</style> | </style> | ||
| Line 100: | Line 106: | ||
<div id="slider-code"> | <div id="slider-code"> | ||
| - | <a class="buttons prev" href="#"> | + | <a class="buttons prev" href="#"><img class="circle"/></a> |
<div class="viewport"> | <div class="viewport"> | ||
<ul class="overview"> | <ul class="overview"> | ||
| Line 108: | Line 114: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| - | <a class="buttons next" href="#"> | + | <a class="buttons next" href="#"><img class="circle"/></div></a> |
</div> | </div> | ||
| + | |||
| + | <div class="space"></div> | ||
| + | |||
| + | <div class="two"></div> | ||
Revision as of 17:00, 19 June 2013
