"
Team:UPenn
From 2013.igem.org
(Difference between revisions)
m |
|||
| Line 51: | Line 51: | ||
/*image carousel styling (taken mostly from plugin site)*/ | /*image carousel styling (taken mostly from plugin site)*/ | ||
| - | #slider-code { height: 300px; | + | #slider-code { height: 300px; display: inline; overflow: hidden;} |
#slider-code .viewport { float: left; width: 400px; height: 300px; | #slider-code .viewport { float: left; width: 400px; height: 300px; | ||
| - | margin-right: - | + | margin-right: -35px; border: background-color: gray; |
| - | overflow: hidden;position:relative; margin-top: 100px; margin-left: 75px; } | + | overflow: hidden; position:relative; margin-top: 100px; margin-left: 75px; z-index: -2;} |
| - | #slider-code .buttons { display: block; margin: 30px -100px 0 0px; float: left; margin-top: | + | #slider-code .buttons { display: block; margin: 30px -100px 0 0px; float: left; margin-top:225px; z-index: 1;} |
| - | #slider-code .next { margin: 20px 0 0 10px; margin-top: | + | #slider-code .next { margin: 20px 0 0 10px; margin-top: 225px; z-index: 1;} |
#slider-code .disable { visibility: hidden; } | #slider-code .disable { visibility: hidden; } | ||
#slider-code .overview { list-style: none; position: absolute; | #slider-code .overview { list-style: none; position: absolute; | ||
| Line 62: | Line 62: | ||
#slider-code .overview li{ float: left; margin: 0 20px 0 0; | #slider-code .overview li{ float: left; margin: 0 20px 0 0; | ||
padding: 1px; height: 296px; width: 396px;} | padding: 1px; height: 296px; width: 396px;} | ||
| - | #slider-code .prev { padding-left: | + | #slider-code .prev { padding-left: 100px; z-index: 1;} |
#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; } | #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 .pager li { float: left; height:10px; width:10px; margin: 5px 15px 15px 0px; z-index: 99; } | ||
| Line 91: | Line 91: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: 90%; | background-size: 90%; | ||
| + | z-index: -99; | ||
} | } | ||
| Line 289: | Line 290: | ||
<!--Image carousel. This is taken pretty much from the plugin site--> | <!--Image carousel. This is taken pretty much from the plugin site--> | ||
<div id="slider-code"> | <div id="slider-code"> | ||
| - | <a class="buttons prev" href="#"><img src=" | + | <a class="buttons prev" href="#"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEOFBJZ21vN3Rxdk0" height="30px" width="30px"></a> |
<div class="viewport"> | <div class="viewport"> | ||
<ul class="overview"> | <ul class="overview"> | ||
| Line 296: | Line 297: | ||
<li><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/R6cA3L1riv/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2806.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" /></li> | <li><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/R6cA3L1riv/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2806.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" /></li> | ||
<li><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" /></li> | <li><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" /></li> | ||
| - | |||
</ul> | </ul> | ||
</div> | </div> | ||
| - | <a class="buttons next" href="#"><img src=" | + | <a class="buttons next" href="#"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEYVFHc3BLcnZoQ2c" height="30px" width="30px"/></a> |
<ul class="pager"> | <ul class="pager"> | ||
<!--Squares on the bottom of the carousel that show the current the page--> | <!--Squares on the bottom of the carousel that show the current the page--> | ||
| Line 306: | Line 306: | ||
<li><a rel="1" class="pagenum" href="#"></a></li> | <li><a rel="1" class="pagenum" href="#"></a></li> | ||
<li><a rel="2" class="pagenum" href="#"></a></li> | <li><a rel="2" class="pagenum" href="#"></a></li> | ||
| - | |||
</ul> | </ul> | ||
</div> | </div> | ||
Revision as of 13:17, 28 June 2013
Hello
Welcome to Penn's iGEM team wiki!
This page is under construction at the moment, but check back with us soon to see what we're up to!
Project Overview
Member Name
Description of the member
Member Name
Description of the member
Member Name
Description of the member
