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

Team Tokyo Metropolitan Photograph Gallery