Team:Heidelberg LSL/Gallery

From 2012hs.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
-
{{Top}}
+
{{TopII}}
{{Stylesheet}}
{{Stylesheet}}
-
<html><body>
+
<html>
 +
 
<style type="text/css">
<style type="text/css">
-
#news {height: 550px; border:5px}
+
#news {height: 450px; border:5px}
-
#HDgal {position:relative; width:550px}
+
#bodyContent { background-color: transparent; border: none; width: 975px; min-height: 450px;}
 +
#HDgal {position:relative; width:550px; left:50px; top:20px;}
#HDgal a.p1:visited, #HDgal a.p2:visited, #HDgal a.p3:visited, #HDgal a.p4:visited, #HDgal a.p5:visited, #HDgal a.p6:visited, #HDgal a.p7:visited, #HDgal a.p8:visited, #HDgal a.p9:visited, #HDgal a.p10:visited, #HDgal a.p11:visited, #HDgal a.p12:visited, #HDgal a.p13:visited, #HDgal a.p14:visited, #HDgal a.p15:visited, #HDgal a.p16:visited, #HDgal a.p17:visited, #HDgal a.p18:visited, #HDgal a.p19:visited, #HDgal a.p20:visited {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
#HDgal a.p1:visited, #HDgal a.p2:visited, #HDgal a.p3:visited, #HDgal a.p4:visited, #HDgal a.p5:visited, #HDgal a.p6:visited, #HDgal a.p7:visited, #HDgal a.p8:visited, #HDgal a.p9:visited, #HDgal a.p10:visited, #HDgal a.p11:visited, #HDgal a.p12:visited, #HDgal a.p13:visited, #HDgal a.p14:visited, #HDgal a.p15:visited, #HDgal a.p16:visited, #HDgal a.p17:visited, #HDgal a.p18:visited, #HDgal a.p19:visited, #HDgal a.p20:visited {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
Line 30: Line 32:
#HDgal a.p20:visited {top:220px; left:165px;}
#HDgal a.p20:visited {top:220px; left:165px;}
-
#HDgal a.p1, #HDgal a.p2, #HDgal a.p3, #HDgal a.p4, #HDgal a.p5, #HDgal a.p6, #HDgal a.p7, #HDgal a.p8, #HDgal a.p9, #HDgal a.p10, #HDgal a.p11, #HDgal a.p12, #HDgal a.p13, #HDgal a.p14, #HDgal a.p15, #HDgal a.p16, #HDgal a.p17, #HDgal a.p18, #HDgal a.p19, #HDgal a.p20 {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
+
#HDgal a.p1, #HDgal a.p2, #HDgal a.p3, #HDgal a.p4, #HDgal a.p5, #HDgal a.p6, #HDgal a.p7, #HDgal a.p8, #HDgal a.p9, #HDgal a.p10, #HDgal a.p11, #HDgal a.p12, #HDgal a.p13, #HDgal a.p14, #HDgal a.p15, #HDgal a.p16, #HDgal a.p17, #HDgal a.p18, #HDgal a.p19, #HDgal a.p20, #HDgal a.p21 {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
#HDgal a.p1 {top:0px; left:0px; background-image: url("https://static.igem.org/mediawiki/2012hs/e/e3/DSC_3250.JPG");}
#HDgal a.p1 {top:0px; left:0px; background-image: url("https://static.igem.org/mediawiki/2012hs/e/e3/DSC_3250.JPG");}
Line 54: Line 56:
-
#HDgal a.p1:hover, #HDgal a.p2:hover, #HDgal a.p3:hover, #HDgal a.p4:hover, #HDgal a.p5:hover, #HDgal a.p6:hover, #HDgal a.p7:hover, #HDgal a.p8:hover, #HDgal a.p9:hover, #HDgal a.p10:hover, #HDgal a.p11:hover, #HDgal a.p12:hover, #HDgal a.p13:hover, #HDgal a.p14:hover, #HDgal a.p15:hover, #HDgal a.p16:hover, #HDgal a.p17:hover, #HDgal a.p18:hover, #HDgal a.p19:hover, #HDgal a.p20:hover {text-decoration:none; background-color:#d4d8bd; color:#000;}
+
#HDgal a.p1:hover, #HDgal a.p2:hover, #HDgal a.p3:hover, #HDgal a.p4:hover, #HDgal a.p5:hover, #HDgal a.p6:hover, #HDgal a.p7:hover, #HDgal a.p8:hover, #HDgal a.p9:hover, #HDgal a.p10:hover, #HDgal a.p11:hover, #HDgal a.p12:hover, #HDgal a.p13:hover, #HDgal a.p14:hover, #HDgal a.p15:hover, #HDgal a.p16:hover, #HDgal a.p17:hover, #HDgal a.p18:hover, #HDgal a.p19:hover, #HDgal a.p20:hover, #HDgal a.p21:hover {text-decoration:none; background-color:#d4d8bd; color:#000;}
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
-
#HDgal a.p1:hover img {display:block; position:absolute; top:0px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p1:hover img {display:block; position:absolute; top:0px; left:-590px; width:450px; height: auto; border:0px;}
-
#HDgal a.p2:hover img {display:block; position:absolute; top:0px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p2:hover img {display:block; position:absolute; top:0px; left:-645px; width:450px; height: auto; border:0px;}
-
#HDgal a.p3:hover img {display:block; position:absolute; top:0px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p3:hover img {display:block; position:absolute; top:0px; left:-700px; width:450px; height: auto; border:0px;}
-
#HDgal a.p4:hover img {display:block; position:absolute; top:0px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p4:hover img {display:block; position:absolute; top:0px; left:-755px; width:450px; height: auto; border:0px;}
-
#HDgal a.p5:hover img {display:block; position:absolute; top:-55px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p5:hover img {display:block; position:absolute; top:-55px; left:-590px; width:450px; height: auto; border:0px;}
-
#HDgal a.p6:hover img {display:block; position:absolute; top:-55px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p6:hover img {display:block; position:absolute; top:-55px; left:-645px; width:450px; height: auto; border:0px;}
-
#HDgal a.p7:hover img {display:block; position:absolute; top:-55px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p7:hover img {display:block; position:absolute; top:-55px; left:-700px; width:450px; height: auto; border:0px;}
-
#HDgal a.p8:hover img {display:block; position:absolute; top:-55px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p8:hover img {display:block; position:absolute; top:-55px; left:-755px; width:450px; height: auto; border:0px;}
-
#HDgal a.p9:hover img {display:block; position:absolute; top:-110px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p9:hover img {display:block; position:absolute; top:-110px; left:-590px; width:450px; height: auto; border:0px;}
-
#HDgal a.p10:hover img {display:block; position:absolute; top:-110px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p10:hover img {display:block; position:absolute; top:-110px; left:-645px; width:450px; height: auto; border:0px;}
-
#HDgal a.p11:hover img {display:block; position:absolute; top:-110px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p11:hover img {display:block; position:absolute; top:-110px; left:-690px; width:450px; height: auto; border:0px;}
-
#HDgal a.p12:hover img {display:block; position:absolute; top:-110px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p12:hover img {display:block; position:absolute; top:-110px; left:-755px; width:450px; height: auto; border:0px;}
-
#HDgal a.p13:hover img {display:block; position:absolute; top:-165px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p13:hover img {display:block; position:absolute; top:-165px; left:-590px; width:450px; height: auto; border:0px;}
-
#HDgal a.p14:hover img {display:block; position:absolute; top:-165px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p14:hover img {display:block; position:absolute; top:-165px; left:-645px; width:450px; height: auto; border:0px;}
-
#HDgal a.p15:hover img {display:block; position:absolute; top:-165px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p15:hover img {display:block; position:absolute; top:-165px; left:-690px; width:450px; height: auto; border:0px;}
-
#HDgal a.p16:hover img {display:block; position:absolute; top:-165px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p16:hover img {display:block; position:absolute; top:-165px; left:-755px; width:450px; height: auto; border:0px;}
-
#HDgal a.p17:hover img {display:block; position:absolute; top:-220px; left:-500px; width:450px; height: auto; border:0px;}
+
#HDgal a.p17:hover img {display:block; position:absolute; top:-220px; left:-590px; width:450px; height: auto; border:0px;}
-
#HDgal a.p18:hover img {display:block; position:absolute; top:-220px; left:-555px; width:450px; height: auto; border:0px;}
+
#HDgal a.p18:hover img {display:block; position:absolute; top:-220px; left:-645px; width:450px; height: auto; border:0px;}
-
#HDgal a.p19:hover img {display:block; position:absolute; top:-220px; left:-610px; width:450px; height: auto; border:0px;}
+
#HDgal a.p19:hover img {display:block; position:absolute; top:-220px; left:-700px; width:450px; height: auto; border:0px;}
-
#HDgal a.p20:hover img {display:block; position:absolute; top:-220px; left:-665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p20:hover img {display:block; position:absolute; top:-220px; left:-755px; width:450px; height: auto; border:0px;}
-
#mainimage {position:absolute; top:0px; left: -500px; top:0px; width:450px; border:0px;}
+
 
 +
#mainimage {position:absolute; top:0px; left: 100px; top:40px; width:450px; border:0px;}
</style>
</style>
-
<html>
+
 
 +
 
 +
<body id="home" onload="setPageSize()">
<div id="super_main_wrapper">
<div id="super_main_wrapper">
<div id="SubWrapper">
<div id="SubWrapper">
<h2>Gallery</h2>
<h2>Gallery</h2>
 +
<!-- das zuerst angezeigte Bild -->
 +
<img id="mainimage" src="https://static.igem.org/mediawiki/2012hs/3/31/IGEMsallery1.png" />
</div>
</div>
 +
  <div id="news">  
  <div id="news">  
<center>
<center>
<h3>Overview</h3>
<h3>Overview</h3>
<div id="HDgal">
<div id="HDgal">
-
<!-- das zuerst angezeigte Bild -->
 
-
<img id="mainimage" src="https://static.igem.org/mediawiki/2012hs/e/e3/DSC_3250.JPG" />
 
<!-- alle anderen Bilder -->
<!-- alle anderen Bilder -->
Line 116: Line 122:
<a class="p18" href="#nogo">&nbsp;18<img src="https://static.igem.org/mediawiki/2012hs/5/57/LifeScience_Lab_0136.jpg"/></a>
<a class="p18" href="#nogo">&nbsp;18<img src="https://static.igem.org/mediawiki/2012hs/5/57/LifeScience_Lab_0136.jpg"/></a>
<a class="p19" href="#nogo">&nbsp;19<img src="https://static.igem.org/mediawiki/2012hs/5/50/LifeScience_Lab_0159.jpg"/></a>
<a class="p19" href="#nogo">&nbsp;19<img src="https://static.igem.org/mediawiki/2012hs/5/50/LifeScience_Lab_0159.jpg"/></a>
-
<a class="p20" href="#nogo">&nbsp;20<img src="hhttps://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0168.jpg"/></a>
+
<a class="p20" href="#nogo">&nbsp;20<img src="https://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0168.jpg"/></a>
 +
 
</div>
</div>
Line 123: Line 130:
</div>
</div>
</body>
</body>
 +
 +
<script type="text/javascript">
 +
function setPageSize() {
 +
len = document.getElementById('super_main_wrapper').offsetHeight;
 +
document.getElementById('bodyContent').style.height = len + 'px';
 +
document.getElementById('SupWrapper').style.height = len + 'px';
 +
document.getElementById('news').style.height = len + 'px';
 +
}
 +
</script>
</html>
</html>

Latest revision as of 00:40, 17 June 2012

iGEM-2012HS - LSL-Heidelberg iGEM-2012HS - LSL-Heidelberg