Team:WashU/test
From 2010.igem.org
(Difference between revisions)
BrianLandry (Talk | contribs) |
BrianLandry (Talk | contribs) |
||
(7 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | /* defaults required for IE */ | ||
+ | |||
+ | a, a:visited, a:hover, a:active, a:focus {color:#000;} | ||
+ | |||
+ | |||
+ | #holder {position:relative; background:transparent url(pic1b.gif) 175px 54px no-repeat; margin-bottom:10px; z-index:1;} | ||
+ | |||
+ | #scrollbox {width:850px; height:80px; background:transparent; overflow:auto; margin-left:50px;} | ||
+ | |||
+ | a.gallery, a.gallery:visited {display:block; color:transparent; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;} | ||
+ | |||
+ | a.slidea {background:url(https://static.igem.org/mediawiki/2010/c/ca/WashUTeamPic1Thumb.jpg);} | ||
+ | |||
+ | a.slideb {background:url(https://static.igem.org/mediawiki/2010/f/f6/WashUTeamPic2Thumb.jpg);} | ||
+ | |||
+ | a.slidec {background:url(thumb4.jpg);} | ||
+ | |||
+ | a.slided {background:url(thumb5.jpg);} | ||
+ | |||
+ | a.slidee {background:url(thumb6.jpg);} | ||
+ | |||
+ | a.slidef {background:url(thumb7.jpg);} | ||
+ | |||
+ | a.slideg {background:url(thumb8.jpg);} | ||
+ | |||
+ | a.slideh {background:url(thumb9.jpg);} | ||
+ | |||
+ | a.slidei {background:url(thumb10.jpg);} | ||
+ | |||
+ | a.slidej {background:url(thumb11.jpg);} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;} | ||
+ | |||
+ | a.gallery:hover {white-space:normal; border:1px solid #fff;} | ||
+ | |||
+ | a.gallery:hover img {border:1px solid #000; z-index:100;} | ||
+ | |||
+ | a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;} | ||
+ | |||
+ | |||
+ | |||
+ | a.gallery:hover span {display:block; position:absolute; width:400px; height:350px; top:49px; left:350px; padding:5px; font-style:italic; color:#000; background:transparent; z-index:100; font-size:11px;} | ||
+ | |||
+ | a.gallery:active {border:1px solid #eee;} | ||
+ | |||
+ | a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:280px; top:49px; left:170px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;} | ||
+ | |||
+ | |||
+ | |||
+ | #thumbs {width:840px; height:60px;} | ||
+ | |||
+ | #pad {height:320px; width:100px;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
+ | </head> | ||
<body> | <body> | ||
- | + | <div id="holder"> | |
- | + | ||
- | + | <div id="pad"></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <div id="scrollbox"> | |
- | + | ||
- | + | <div id="thumbs"> | |
- | + | ||
- | + | <a class="gallery slidea" href="#nogo" title="TeamPic1"><span><img src="https://static.igem.org/mediawiki/2010/8/88/WashUTeamPic1.JPG" alt="TeamPic1" title="TeamPic1" /><br />Alice and Brian at a team meeting</span></a> | |
- | + | ||
- | + | <a class="gallery slideb" href="#nogo" title="TeamPic2"><span><img src="https://static.igem.org/mediawiki/2010/e/ea/WashUTeamPic2.jpg" alt="TeamPic2" title="TeamPic2" /><br />Brendan Explaining an idea to the team</span></a> | |
- | + | ||
- | + | <a class="gallery slidec" href="#nogo" title="Vases"><span><img src="pic4.jpg" alt="Vases" title="Vases" /><br />pic4.jpg<br />Photographs courtesy of morgueFile.com</span></a> | |
- | + | ||
- | + | <a class="gallery slided" href="#nogo" title="Window"><span><img src="pic5.jpg" alt="Window" title="Window" /><br />pic5.jpg<br />Photographs courtesy of morgueFile.com</span></a> | |
- | + | ||
- | + | <a class="gallery slidee" href="#nogo" title="Cascade"><span><img src="pic6.jpg" alt="Cascade" title="Cascade" /><br />pic6.jpg<br />Photographs courtesy of morgueFile.com</span></a> | |
- | + | ||
- | + | <a class="gallery slidef" href="#nogo" title="Cascade"><span><img src="pic7.jpg" alt="Flowers" title="Flowers" /><br />pic7.jpg<br />Photographs courtesy of morgueFile.com</span></a> | |
+ | |||
+ | <a class="gallery slideg" href="#nogo" title="Cascade"><span><img src="pic8.jpg" alt="Butterfly" title="Butterfly" /><br />pic8.jpg<br />Photographs courtesy of morgueFile.com</span></a> | ||
+ | |||
+ | <a class="gallery slideh" href="#nogo" title="Cascade"><span><img src="pic9.jpg" alt="Birds" title="Birds" /><br />pic9.jpg<br />Photographs courtesy of morgueFile.com</span></a> | ||
+ | |||
+ | <a class="gallery slidei" href="#nogo" title="Cascade"><span><img src="pic10.jpg" alt="Shells" title="Shells" /><br />pic10.jpg<br />Photographs courtesy of morgueFile.com</span></a> | ||
+ | |||
+ | <a class="gallery slidej" href="#nogo" title="Cascade"><span><img src="pic11.jpg" alt="Fishing" title="Fishing" /><br />pic11.jpg<br />Photographs courtesy of morgueFile.com</span></a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:56, 6 October 2010
Alice and Brian at a team meeting
Brendan Explaining an idea to the team
pic4.jpg
Photographs courtesy of morgueFile.com
pic5.jpg
Photographs courtesy of morgueFile.com
pic6.jpg
Photographs courtesy of morgueFile.com
pic7.jpg
Photographs courtesy of morgueFile.com
pic8.jpg
Photographs courtesy of morgueFile.com
pic9.jpg
Photographs courtesy of morgueFile.com
pic10.jpg
Photographs courtesy of morgueFile.com
pic11.jpg
Photographs courtesy of morgueFile.com