"
Team:Heidelberg LSL/Gallery
From 2012hs.igem.org
(Difference between revisions)
| (14 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | {{ | + | {{TopII}} |
{{Stylesheet}} | {{Stylesheet}} | ||
| - | <html> | + | <html> |
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
| - | #news {height: | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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:- | + | #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: | + | |
| + | #mainimage {position:absolute; top:0px; left: 100px; top:40px; width:450px; border:0px;} | ||
</style> | </style> | ||
| - | < | + | |
| + | |||
| + | <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> | ||
<h3>Overview</h3> | <h3>Overview</h3> | ||
<div id="HDgal"> | <div id="HDgal"> | ||
| - | |||
| - | |||
<!-- alle anderen Bilder --> | <!-- alle anderen Bilder --> | ||
| Line 108: | Line 115: | ||
<a class="p11" href="#nogo"> 11<img src="https://static.igem.org/mediawiki/2012hs/6/67/LifeScience_Lab_0041.jpg"/></a> | <a class="p11" href="#nogo"> 11<img src="https://static.igem.org/mediawiki/2012hs/6/67/LifeScience_Lab_0041.jpg"/></a> | ||
<a class="p12" href="#nogo"> 12<img src="https://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0045.jpg"/></a> | <a class="p12" href="#nogo"> 12<img src="https://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0045.jpg"/></a> | ||
| - | <a class="p13" href="#nogo"> 13<img src="https://static.igem.org/mediawiki/2012hs/ | + | <a class="p13" href="#nogo"> 13<img src="https://static.igem.org/mediawiki/2012hs/e/ef/DSC0296.jpg"/></a> |
<a class="p14" href="#nogo"> 14<img src="https://static.igem.org/mediawiki/2012hs/c/c3/LifeScience_Lab_0072.jpg"/></a> | <a class="p14" href="#nogo"> 14<img src="https://static.igem.org/mediawiki/2012hs/c/c3/LifeScience_Lab_0072.jpg"/></a> | ||
<a class="p15" href="#nogo"> 15<img src="https://static.igem.org/mediawiki/2012hs/e/e1/LifeScience_Lab_0085.jpg"/></a> | <a class="p15" href="#nogo"> 15<img src="https://static.igem.org/mediawiki/2012hs/e/e1/LifeScience_Lab_0085.jpg"/></a> | ||
| Line 115: | Line 122: | ||
<a class="p18" href="#nogo"> 18<img src="https://static.igem.org/mediawiki/2012hs/5/57/LifeScience_Lab_0136.jpg"/></a> | <a class="p18" href="#nogo"> 18<img src="https://static.igem.org/mediawiki/2012hs/5/57/LifeScience_Lab_0136.jpg"/></a> | ||
<a class="p19" href="#nogo"> 19<img src="https://static.igem.org/mediawiki/2012hs/5/50/LifeScience_Lab_0159.jpg"/></a> | <a class="p19" href="#nogo"> 19<img src="https://static.igem.org/mediawiki/2012hs/5/50/LifeScience_Lab_0159.jpg"/></a> | ||
| - | <a class="p20" href="#nogo"> 20<img src=" | + | <a class="p20" href="#nogo"> 20<img src="https://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0168.jpg"/></a> |
| + | |||
</div> | </div> | ||
| + | |||
| + | </center> | ||
</div> <!-- end news --> | </div> <!-- end news --> | ||
</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
