"
Team:UPenn
From 2013.igem.org
(Difference between revisions)
m |
m |
||
| Line 8: | Line 8: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| - | $('#slider-code').tinycarousel(); | + | $('#slider-code').tinycarousel({pager: true, interval:true}); |
$("#tabs li").mouseenter(function(){ | $("#tabs li").mouseenter(function(){ | ||
| Line 48: | Line 48: | ||
#slider-code { height: 300px; overflow:hidden; display: inline; } | #slider-code { height: 300px; overflow:hidden; display: inline; } | ||
| - | #slider-code .viewport { float: left; width: 400px; height: 300px; margin-right: | + | #slider-code .viewport { float: left; width: 400px; height: 300px; |
| + | margin-right: -15px; border: solid white 5px; background-color: gray; | ||
overflow: hidden;position:relative; margin-top: 100px; margin-left: 75px; } | overflow: hidden;position:relative; margin-top: 100px; margin-left: 75px; } | ||
| - | #slider-code .buttons { display: block; margin: 30px - | + | #slider-code .buttons { display: block; margin: 30px -100px 0 0px; float: left; margin-top:200px; } |
#slider-code .next { margin: 20px 0 0 10px; margin-top: 200px; } | #slider-code .next { margin: 20px 0 0 10px; margin-top: 200px; } | ||
#slider-code .disable { visibility: hidden; } | #slider-code .disable { visibility: hidden; } | ||
| Line 58: | Line 59: | ||
padding: 1px; height: 296px; border: 1px solid #dcdcdc; width: 396px;} | padding: 1px; height: 296px; border: 1px solid #dcdcdc; width: 396px;} | ||
#slider-code .prev { padding-left: 50px} | #slider-code .prev { padding-left: 50px} | ||
| + | |||
| + | #slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; } | ||
| + | #slider-code .pager li { float: left; height:10px; width:10px; margin: 5px 15px 15px 0px; z-index: 99; } | ||
| + | #slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 10px; color: #555555; font-size: 14px; font-weight: bold; display: block; } | ||
| + | #slider-code .active { color: #fff; background-color: #555555; } | ||
.outer { | .outer { | ||
| Line 228: | Line 234: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| - | <a class="buttons next" href="#"><img src="http://upload.wikimedia.org/wikipedia/commons/7/7d/Aiga_rightarrow_inv.gif" height="30px" width="30px"/></ | + | <a class="buttons next" href="#"><img src="http://upload.wikimedia.org/wikipedia/commons/7/7d/Aiga_rightarrow_inv.gif" height="30px" width="30px"/></a> |
| + | <ul class="pager"> | ||
| + | <li><a rel="0" class="pagenum" href="#"></a></li> | ||
| + | <li><a rel="1" class="pagenum" href="#"></a></li> | ||
| + | <li><a rel="2" class="pagenum" href="#"></a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
<div class="right"> | <div class="right"> | ||
Put some info here | Put some info here | ||
</div> | </div> | ||
| + | |||
</div> | </div> | ||
Revision as of 19:00, 20 June 2013
