"
Team:Penn
From 2013.igem.org
(Difference between revisions)
m |
|||
| Line 42: | Line 42: | ||
$(this).children(":first").toggleClass("hidden"); | $(this).children(":first").toggleClass("hidden"); | ||
$(this).children(":nth-child(2)").toggleClass("hidden"); | $(this).children(":nth-child(2)").toggleClass("hidden"); | ||
| + | |||
}); | }); | ||
| + | |||
| + | $(".team tr td").mouseenter(function(){ | ||
| + | $(this).children(":nth-child(3)").show(); | ||
| + | $(this).children(":nth-child(3)").animate({ | ||
| + | height: '50px', | ||
| + | display: 'inline-block' | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | |||
$(".team tr td").mouseleave(function(){ | $(".team tr td").mouseleave(function(){ | ||
$(this).children(":nth-child(2)").toggleClass("hidden"); | $(this).children(":nth-child(2)").toggleClass("hidden"); | ||
$(this).children(":first").toggleClass("hidden"); | $(this).children(":first").toggleClass("hidden"); | ||
| + | $(this).children(":nth-child(3)").css("height","0px"); | ||
| + | $(this).children(":nth-child(3)").hide(); | ||
}); | }); | ||
| Line 99: | Line 112: | ||
.one { | .one { | ||
| + | margin-top:-3px; | ||
height:800px; | height:800px; | ||
position: relative; | position: relative; | ||
| Line 136: | Line 150: | ||
text-align: left; | text-align: left; | ||
margin-right: 100px; | margin-right: 100px; | ||
| - | margin-top: | + | margin-top: 100px; |
background-color: white; | background-color: white; | ||
| - | height: | + | height: 250px; |
| - | padding: | + | padding:25px; |
| - | width: | + | width: 37%; |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | ||
filter: alpha(opacity=70); | filter: alpha(opacity=70); | ||
| Line 288: | Line 302: | ||
.team img { | .team img { | ||
max-width:100%; | max-width:100%; | ||
| - | max-height:100%; | + | max-height:100%; |
| - | + | ||
| - | + | ||
} | } | ||
| + | |||
| + | .name { | ||
| + | position: absolute; | ||
| + | margin-bottom: 30px; | ||
| + | width: 220px; | ||
| + | height: 0px; | ||
| + | display: none; | ||
| + | background-color: white; | ||
| + | margin-top: -50px; | ||
| + | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | ||
| + | filter: alpha(opacity=70); | ||
| + | -moz-opacity: 0.7; | ||
| + | -khtml-opacity: 0.7; | ||
| + | opacity: 0.7; | ||
| + | } | ||
#caption { | #caption { | ||
| Line 301: | Line 328: | ||
position: absolute; | position: absolute; | ||
} | } | ||
| + | |||
| Line 347: | Line 375: | ||
<!--First section: brief overview--> | <!--First section: brief overview--> | ||
<div class="one"> | <div class="one"> | ||
| + | |||
| + | <!--Description to the right of the carousel that briefly introduces the team/project--> | ||
| + | <div class="right"> | ||
| + | <h2>Hello</h2> | ||
| + | <h4>Welcome to Penn's iGEM team wiki!</h4> | ||
| + | <p>This page is under construction at the moment, but check back with us soon to see what we're up to!</p> | ||
| + | </div> | ||
<!--Image carousel. This is taken pretty much from the plugin site except for the captions which I added in--> | <!--Image carousel. This is taken pretty much from the plugin site except for the captions which I added in--> | ||
| Line 373: | Line 408: | ||
</div> | </div> | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</div> | </div> | ||
| Line 395: | Line 425: | ||
<tr> | <tr> | ||
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEYUtVa3BNSHQ4dTg"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEYUtVa3BNSHQ4dTg"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEZXRRMlRtODR2OVk/"><div class="name"></div></td> | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEZXRRMlRtODR2OVk/"> |
| + | <div class="name"><h4></h4></div></td> | ||
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVm5ET0R1QndIRVU"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVm5ET0R1QndIRVU"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzELXJ5NlFKUkJXRnc"/><div class="name"></div></td> | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzELXJ5NlFKUkJXRnc"/> |
| + | <div class="name"><h4></h4></div></td> | ||
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEU25rV1dHYm1Falk"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEU25rV1dHYm1Falk"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEU3VZUnNOdWFqYVE"/><div class="name"></div></td> | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEU3VZUnNOdWFqYVE"/> |
| + | <div class="name"><h4></h4></div></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEbXRKT3lpN1VQaHc"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEbXRKT3lpN1VQaHc"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzETDEzdFdSOC1ZVW8"/><div class="name"></div></td> | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzETDEzdFdSOC1ZVW8"/> |
| + | <div class="name"><h4></h4></div></td> | ||
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/ | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/> |
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzESzZjdGhVVWY3TWc"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzESzZjdGhVVWY3TWc"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEZ0tlUUViY2Z6Ymc"/><div class="name"></div></td> | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEZ0tlUUViY2Z6Ymc"/> |
| + | <div class="name"><h4></h4></div></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzERzdYWHVkZWxSS2c"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzERzdYWHVkZWxSS2c"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzETldtZHBxMTM3Ujg"/><div class="name"></div></td> | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzETldtZHBxMTM3Ujg"/> |
| + | <div class="name"><h4></h4></div></td> | ||
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEOHViLXJJMjVuWTg"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEOHViLXJJMjVuWTg"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzERmpYczlyYU5TTUE"/><div class="name"></div> | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzERmpYczlyYU5TTUE"/> |
| + | <div class="name"><h4></h4></div> | ||
<td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEZ3dMcXBweFE2X1U"/> | <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEZ3dMcXBweFE2X1U"/> | ||
| - | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzET2NBWmlOLVMtaVE"><div class="name"></div></td> | + | <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzET2NBWmlOLVMtaVE"> |
| + | <div class="name"><h4></h4></div></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
<h4>Photos by Erica Sachse</h4> | <h4>Photos by Erica Sachse</h4> | ||
Revision as of 18:17, 6 July 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!
