GALLERY.html

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
/*----------Text Styles----------*/
 +
.ws6 {font-size: 8px;}
 +
.ws7 {font-size: 9.3px;}
 +
.ws8 {font-size: 11px;}
 +
.ws9 {font-size: 12px;}
 +
.ws10 {font-size: 13px;}
 +
.ws11 {font-size: 15px;}
 +
.ws12 {font-size: 16px;}
 +
.ws14 {font-size: 19px;}
 +
.ws16 {font-size: 21px;}
 +
.ws18 {font-size: 24px;}
 +
.ws20 {font-size: 27px;}
 +
.ws22 {font-size: 29px;}
 +
.ws24 {font-size: 32px;}
 +
.ws26 {font-size: 35px;}
 +
.ws28 {font-size: 37px;}
 +
.ws36 {font-size: 48px;}
 +
.ws48 {font-size: 64px;}
 +
.ws72 {font-size: 96px;}
 +
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
 +
/*----------Para Styles----------*/
 +
DIV,UL,OL /* Left */
 +
{
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
}
 +
/*------------------------------------*\
/*------------------------------------*\
RESET
RESET
Line 83: Line 110:
#content {
#content {
position: relative;
position: relative;
-
width: 976px;
 
-
margin: 0 auto;
 
-
padding: 5px 5px 5px 5px;
 
background: transparent;
background: transparent;
-
color: transparent;
 
border-left: none;
border-left: none;
border-right: none;
border-right: none;
-
line-height: 0px;
 
-
z-index: 2;
 
}
}
Line 163: Line 184:
<div id="g_nav15d" style="position:absolute; left:900px; top:55px; z-index:8"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav15','','https://static.igem.org/mediawiki/2012/9/95/Nav9783445a.gif',1)"href="GALLERY.html"><img name="g_nav15" onLoad="MM_preloadImages('https://static.igem.org/mediawiki/2012/9/95/Nav9783445a.gif')" alt="" border=0 src="https://static.igem.org/mediawiki/2012/7/76/Nav9783445i.gif"></a></div>
<div id="g_nav15d" style="position:absolute; left:900px; top:55px; z-index:8"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav15','','https://static.igem.org/mediawiki/2012/9/95/Nav9783445a.gif',1)"href="GALLERY.html"><img name="g_nav15" onLoad="MM_preloadImages('https://static.igem.org/mediawiki/2012/9/95/Nav9783445a.gif')" alt="" border=0 src="https://static.igem.org/mediawiki/2012/7/76/Nav9783445i.gif"></a></div>
 +
<div id="gallery1" style="position:absolute; overflow:hidden; left:133px; top:257px; width:879px; height:614px; z-index:2">
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/000.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_000.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:13px;width:112px;height:86px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/001.jpg" target="_blank"><img border=0 width=100 height=74 src="images/tn_001.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/002.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_002.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/003.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_003.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/004.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_004.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:12px;top:0px;width:87px;height:112px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/005.jpg" target="_blank"><img border=0 width=75 height=100 src="images/tn_005.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/006.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_006.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/007.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_007.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/008.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_008.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/009.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_009.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/010.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_010.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/011.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_011.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/012.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_012.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/013.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_013.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/014.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_014.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/015.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_015.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/016.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_016.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:12px;top:0px;width:87px;height:112px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/017.jpg" target="_blank"><img border=0 width=75 height=100 src="images/tn_017.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:12px;top:0px;width:87px;height:112px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/018.jpg" target="_blank"><img border=0 width=75 height=100 src="images/tn_018.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/019.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_019.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/020.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_020.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/021.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_021.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/022.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_022.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/023.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_023.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/024.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_024.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/025.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_025.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/026.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_026.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/027.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_027.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/028.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_028.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/029.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_029.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
<div class="item" style="float:left"><div style="margin:6px 6px 0px;width:112px;height:112px"><div style="position:relative;left:0px;top:12px;width:112px;height:87px;background:url('images/shadow.png') no-repeat right bottom;"><a href="images/030.jpg" target="_blank"><img border=0 width=100 height=75 src="images/tn_030.jpg" style="position:relative;left:3px;top:3px" /></a></div></div></div>
 +
</div>
 +
 +
<div id="image1" style="position:absolute; overflow:hidden; left:396px; top:175px; width:64px; height:62px; z-index:3"><img src="https://static.igem.org/mediawiki/2012/0/04/Paste26.jpg"><img src="images/paste26.jpg" alt="" title="" border=0 width=64 height=62></div>
 +
 +
<div id="text1" style="position:absolute; overflow:hidden; left:525px; top:185px; width:116px; height:34px; z-index:4">
 +
<div class="wpmd">
 +
<div><font color="#99CC00" face="Berlin Sans FB" class="ws20"><B>PHOTOS</B></font></div>
 +
</div></div>
</body>
</body>
</html>
</html>

Revision as of 21:37, 19 September 2012

PHOTOS