Team:Tokyo Metropolitan/Gallery
From 2010.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
==Gallery== | ==Gallery== | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | #holder { | ||
+ | position:relative; | ||
+ | width:975px; | ||
+ | background:url(./img/gallery/eyes0734n1.jpg) 60px 60px no-repeat; | ||
+ | margin:0; | ||
+ | font-family: sans-serif; | ||
+ | border:1px solid #555; | ||
+ | background-color:#888; | ||
+ | z-index:1; | ||
+ | } | ||
+ | #scrollbox { | ||
+ | width:145px; | ||
+ | height:500px; | ||
+ | background:url(./img/gallery/wh-film30.gif) repeat-y 5px 0; | ||
+ | background-color:#888; | ||
+ | overflow:auto; | ||
+ | margin:17px 0 10px 800px; | ||
+ | } | ||
+ | a.gallery, a.gallery:visited { | ||
+ | display:block; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | font-size:14px; | ||
+ | border-bottom:none; | ||
+ | width:75px; | ||
+ | height:50px; | ||
+ | margin:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | a.slide1 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-01.jpg);} | ||
+ | a.slide2 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-02.jpg);} | ||
+ | a.slide3 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-03.jpg);} | ||
+ | a.slide4 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-04.jpg);} | ||
+ | a.slide5 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-05.jpg);} | ||
+ | a.slide6 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-06.jpg);} | ||
+ | a.slide7 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-07.jpg);} | ||
+ | a.slide8 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-08.jpg);} | ||
+ | a.slide9 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-09.jpg);} | ||
+ | a.slide10 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-10.jpg);} | ||
+ | a.slide11 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-11.jpg);} | ||
+ | a.slide12 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-12.jpg);} | ||
+ | a.slide13 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-13.jpg);} | ||
+ | a.slide14 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-14.jpg);} | ||
+ | a.slide15 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-15.jpg);} | ||
+ | a.slide16 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-16.jpg);} | ||
+ | a.slide17 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-17.jpg);} | ||
+ | a.slide18 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-18.jpg);} | ||
+ | a.slide19 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-19.jpg);} | ||
+ | a.slide20 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-20.jpg);} | ||
+ | a.slide21 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-21.jpg);} | ||
+ | a.slide22 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-22.jpg);} | ||
+ | a.slide23 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-23.jpg);} | ||
+ | a.slide24 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-24.jpg);} | ||
+ | a.slide25 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-25.jpg);} | ||
+ | a.slide26 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-26.jpg);} | ||
+ | a.slide27 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-27.jpg);} | ||
+ | a.slide28 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-28.jpg);} | ||
+ | a.slide29 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-29.jpg);} | ||
+ | a.slide30 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-30.jpg);} | ||
+ | a.slide31 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-31.jpg);} | ||
+ | a.slide32 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-32.jpg);} | ||
+ | a.slide33 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-33.jpg);} | ||
+ | a.slide34 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-34.jpg);} | ||
+ | a.slide35 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-35.jpg);} | ||
+ | a.slide36 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-36.jpg);} | ||
+ | a.slide37 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-37.jpg);} | ||
+ | a.slide38 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-38.jpg);} | ||
+ | a.slide39 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-39.jpg);} | ||
+ | a.slide40 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-40.jpg);} | ||
+ | a.slide41 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-41.jpg);} | ||
+ | a.slide42 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-42.jpg);} | ||
+ | a.slide43 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-43.jpg);} | ||
+ | a.slide44 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-44.jpg);} | ||
+ | a.slide45 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-45.jpg);} | ||
+ | a.slide46 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-46.jpg);} | ||
+ | a.slide47 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-47.jpg);} | ||
+ | a.slide48 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-48.jpg);} | ||
+ | a.slide49 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-49.jpg);} | ||
+ | a.slide50 {background:url(http://igemtmu.net/2010/wiki/Gallery/s-50.jpg);} | ||
+ | |||
+ | |||
+ | |||
+ | a.gallery span { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:-1px; | ||
+ | width:1px; | ||
+ | height:1px; | ||
+ | overflow:hidden; | ||
+ | z-index:100; | ||
+ | } | ||
+ | a.gallery:hover { | ||
+ | white-space:normal; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | 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:700px; | ||
+ | height:450px; | ||
+ | top:56px; | ||
+ | left:55px; | ||
+ | padding:5px; | ||
+ | font-style:normal; | ||
+ | color:#fff; | ||
+ | text-align:center; | ||
+ | font-size:14px; | ||
+ | background-color:#888; | ||
+ | z-index:100; | ||
+ | } | ||
+ | a.gallery:active { | ||
+ | border:1px solid #000; | ||
+ | } | ||
+ | a.gallery:active span, a.gallery:focus span { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | width:450px; | ||
+ | height:500px; | ||
+ | top:56px; | ||
+ | left:55px; | ||
+ | padding:5px; | ||
+ | font-style:normal; | ||
+ | color:#fff; | ||
+ | text-align:center; | ||
+ | background-color:#888; | ||
+ | z-index:50; | ||
+ | } | ||
+ | #thumbs { | ||
+ | width:60px; | ||
+ | height:600px; | ||
+ | margin-left:24px; | ||
+ | } | ||
+ | /** Scroll Gallery CSS End ! **/ | ||
+ | |||
+ | #holder h3 { | ||
+ | font-family: sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-size: 20px; | ||
+ | color: #fff; | ||
+ | padding:10px; | ||
+ | margin: 0; | ||
+ | background: none; | ||
+ | border: 0; | ||
+ | } | ||
+ | .box_f { | ||
+ | border:solid 1px #ccc; | ||
+ | position:relative; | ||
+ | margin-top: 1em; | ||
+ | padding: 0.5em; | ||
+ | } | ||
+ | .box_f h4 { | ||
+ | position:absolute; | ||
+ | top: -0.5em; | ||
+ | left: 1em; | ||
+ | margin: 0; | ||
+ | padding: 0 0.5em; | ||
+ | color: #0055bb; | ||
+ | font-weight: normal; | ||
+ | display: inline; | ||
+ | background-image: none; | ||
+ | background-color:#fff; | ||
+ | border: 0; | ||
+ | } | ||
+ | --> | ||
+ | </style> | ||
+ | |||
+ | <!-- Photograph Gallery --> | ||
+ | <div id="holder"> | ||
+ | <h3>Team Tokyo Metropolitan Photograph Gallery</h3> | ||
+ | <div id="scrollbox"> | ||
+ | <div id="thumbs"> | ||
+ | <a class="gallery slide1" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/01.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide2" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/02.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide3" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/03.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide4" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/04.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide5" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/05.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide6" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/06.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide7" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/07.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide8" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/08.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide9" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/09.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide10" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/10.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide11" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/11.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide12" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/12.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide13" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/13.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide14" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/14.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide15" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/15.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide16" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/16.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide17" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/17.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide18" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/18.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide19" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/19.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide20" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/20.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide21" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/21.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide22" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/22.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide23" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/23.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide24" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/24.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide25" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/25.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide26" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/26.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide27" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/27.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide28" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/28.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide29" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/29.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide30" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/30.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide31" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/31.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide32" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/32.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide33" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/33.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide34" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/34.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide35" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/35.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide36" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/36.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide37" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/37.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide38" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/38.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide39" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/39.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide40" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/40.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide41" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/41.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide42" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/42.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide43" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/43.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide44" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/44.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide45" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/45.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide46" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/46.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide47" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/47.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide48" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/48.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide49" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/49.jpg" alt="" title=""><br><br></span></a> | ||
+ | <a class="gallery slide50" href="#nogo"><span><img src="http://igemtmu.net/2010/wiki/Gallery/50.jpg" alt="" title=""><br><br></span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Photo Gallery End ! --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
<center><table> | <center><table> | ||
<tr> | <tr> | ||
Line 75: | Line 319: | ||
</table> | </table> | ||
</center> | </center> | ||
+ | </html> |
Revision as of 07:42, 26 September 2010
Gallery