Team:Heidelberg LSL/Gallery2

From 2012hs.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
-
{{jQuery}}
+
{{TopII}}
-
{{lightbox}}
+
-
{{Top}}
+
{{Stylesheet}}
{{Stylesheet}}
 +
<html>
<html>
 +
<style type="text/css">
<style type="text/css">
-
/* line 6, ../sass/lightbox.sass */
+
#news {height: 550px; border:5px}
-
#lightboxOverlay {
+
#HDgal {position:relative; width:550px}
-
  position: absolute;
+
-
  top: 0;
+
-
  left: 0;
+
-
  z-index: 9999;
+
-
  background-color: black;
+
-
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
+
-
  opacity: 0.85;
+
-
  display: none;
+
-
}
+
-
/* line 15, ../sass/lightbox.sass */
+
#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;}
-
#lightbox {
+
-
  position: absolute;
+
-
  left: 0;
+
-
  width: 100%;
+
-
  z-index: 10000;
+
-
  text-align: center;
+
-
  line-height: 0;
+
-
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
+
-
  font-weight: normal;
+
-
}
+
-
/* line 24, ../sass/lightbox.sass */
+
-
#lightbox img {
+
-
  width: auto;
+
-
  height: auto;
+
-
}
+
-
/* line 27, ../sass/lightbox.sass */
+
-
#lightbox a img {
+
-
  border: none;
+
-
}
+
-
/* line 30, ../sass/lightbox.sass */
+
#HDgal a.p1:visited {top:0px; left:0px;}
-
.lb-outerContainer {
+
#HDgal a.p2:visited {top:0px; left:55px;}
-
  position: relative;
+
#HDgal a.p3:visited {top:0px; left:110px;}
-
  background-color: white;
+
#HDgal a.p4:visited {top:0px; left:165px;}
-
  *zoom: 1;
+
#HDgal a.p5:visited {top:55px; left:0px;}
-
  width: 250px;
+
#HDgal a.p6:visited {top:55px; left:55px;}
-
  height: 250px;
+
#HDgal a.p7:visited {top:55px; left:110px;}
-
  margin: 0 auto;
+
#HDgal a.p8:visited {top:55px; left:165px;}
-
  -webkit-border-radius: 4px;
+
#HDgal a.p9:visited {top:110px; left:0px;}
-
  -moz-border-radius: 4px;
+
#HDgal a.p10:visited {top:110px; left:55px;}
-
  -ms-border-radius: 4px;
+
#HDgal a.p11:visited {top:110px; left:110px;}
-
  -o-border-radius: 4px;
+
#HDgal a.p12:visited {top:110px; left:165px;}
-
  border-radius: 4px;
+
#HDgal a.p13:visited {top:165px; left:0px;}
-
}
+
#HDgal a.p14:visited {top:165px; left:55px;}
-
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+
#HDgal a.p15:visited {top:165px; left:110px;}
-
.lb-outerContainer:after {
+
#HDgal a.p16:visited {top:165px; left:165px;}
-
  content: "";
+
#HDgal a.p17:visited {top:220px; left:0px;}
-
  display: table;
+
#HDgal a.p18:visited {top:220px; left:55px;}
-
  clear: both;
+
#HDgal a.p19:visited {top:220px; left:110px;}
-
}
+
#HDgal a.p20:visited {top:220px; left:165px;}
-
/* line 39, ../sass/lightbox.sass */
+
#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;}
-
.lb-container {
+
-
  padding: 10px;
+
-
}
+
-
/* line 42, ../sass/lightbox.sass */
+
#HDgal a.p1 {top:0px; left:0px; background-image: url("https://static.igem.org/mediawiki/2012hs/e/e3/DSC_3250.JPG");}
-
.lb-loader {
+
#HDgal a.p2 {top:0px; left:55px; background-image: url("https://static.igem.org/mediawiki/2012hs/c/c0/DSC04427.JPG");}
-
  position: absolute;
+
#HDgal a.p3 {top:0px; left:110px; background-image: url("https://static.igem.org/mediawiki/2012hs/9/94/DSC04437.JPG");}
-
  top: 40%;
+
#HDgal a.p4 {top:0px; left:165px; background-image: url("https://static.igem.org/mediawiki/2012hs/8/80/DSC04439.JPG");}
-
  left: 0%;
+
#HDgal a.p5 {top:55px; left:0px; background-image: url("https://static.igem.org/mediawiki/2012hs/3/3a/DSC0283-1-..JPG");}
-
  height: 25%;
+
#HDgal a.p6 {top:55px; left:55px; background-image: url("https://static.igem.org/mediawiki/2012hs/7/7f/DSC0367-1-.JPG");}
-
  width: 100%;
+
#HDgal a.p7 {top:55px; left:110px; background-image: url("https://static.igem.org/mediawiki/2012hs/4/44/LifeScience_Lab_0004.jpg");}
-
  text-align: center;
+
#HDgal a.p8 {top:55px; left:165px; background-image: url("https://static.igem.org/mediawiki/2012hs/d/de/LifeScience_Lab_0012.jpg");}
-
  line-height: 0;
+
#HDgal a.p9 {top:110px; left:0px; background-image: url("https://static.igem.org/mediawiki/2012hs/f/f0/LifeScience_Lab_0019.jpg");}
-
}
+
#HDgal a.p10 {top:110px; left:55px; background-image: url("https://static.igem.org/mediawiki/2012hs/9/90/LifeScience_Lab_0034.jpg");}
 +
#HDgal a.p11 {top:110px; left:110px; background-image: url("https://static.igem.org/mediawiki/2012hs/6/67/LifeScience_Lab_0041.jpg");}
 +
#HDgal a.p12 {top:110px; left:165px; background-image: url("https://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0045.jpg");}
 +
#HDgal a.p13 {top:165px; left:0px; background-image: url("https://static.igem.org/mediawiki/2012hs/e/ef/DSC0296.jpg");}
 +
#HDgal a.p14 {top:165px; left:55px; background-image: url("https://static.igem.org/mediawiki/2012hs/c/c3/LifeScience_Lab_0072.jpg");}
 +
#HDgal a.p15 {top:165px; left:110px; background-image: url("https://static.igem.org/mediawiki/2012hs/e/e1/LifeScience_Lab_0085.jpg");}
 +
#HDgal a.p16 {top:165px; left:165px; background-image: url("https://static.igem.org/mediawiki/2012hs/d/d0/LifeScience_Lab_0117.jpg");}
 +
#HDgal a.p17 {top:220px; left:0px; background-image: url("https://static.igem.org/mediawiki/2012hs/e/e9/LifeScience_Lab_0121.jpg");}
 +
#HDgal a.p18 {top:220px; left:55px; background-image: url("https://static.igem.org/mediawiki/2012hs/5/57/LifeScience_Lab_0136.jpg");}
 +
#HDgal a.p19 {top:220px; left:110px; background-image: url("https://static.igem.org/mediawiki/2012hs/5/50/LifeScience_Lab_0159.jpg");}
 +
#HDgal a.p20 {top:220px; left:165px; background-image: url("https://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0168.jpg");}
-
/* line 51, ../sass/lightbox.sass */
 
-
.lb-nav {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  height: 100%;
 
-
  width: 100%;
 
-
  z-index: 10;
 
-
}
 
-
/* line 59, ../sass/lightbox.sass */
+
#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;}
-
.lb-container > .nav {
+
-
  left: 0;
+
-
}
+
-
/* line 62, ../sass/lightbox.sass */
+
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
-
.lb-nav a {
+
-
  outline: none;
+
-
}
+
-
/* line 65, ../sass/lightbox.sass */
+
#HDgal a.p1:hover img {display:block; position:absolute; top:0px; left:-500px; width:450px; height: auto; border:0px;}
-
.lb-prev, .lb-next {
+
#HDgal a.p2:hover img {display:block; position:absolute; top:0px; left:-555px; width:450px; height: auto; border:0px;}
-
  width: 49%;
+
#HDgal a.p3:hover img {display:block; position:absolute; top:0px; left:-610px; width:450px; height: auto; border:0px;}
-
  height: 100%;
+
#HDgal a.p4:hover img {display:block; position:absolute; top:0px; left:-665px; width:450px; height: auto; border:0px;}
-
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+
#HDgal a.p5:hover img {display:block; position:absolute; top:-55px; left:-500px; width:450px; height: auto; border:0px;}
-
  /* Trick IE into showing hover */
+
#HDgal a.p6:hover img {display:block; position:absolute; top:-55px; left:-555px; width:450px; height: auto; border:0px;}
-
  display: block;
+
#HDgal a.p7:hover img {display:block; position:absolute; top:-55px; left:-610px; 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.p9:hover img {display:block; position:absolute; top:-110px; left:-500px; 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.p11:hover img {display:block; position:absolute; top:-110px; left:-610px; 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.p13:hover img {display:block; position:absolute; top:-165px; left:-500px; 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.p15:hover img {display:block; position:absolute; top:-165px; left:-610px; 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.p17:hover img {display:block; position:absolute; top:-220px; left:-500px; 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.p19:hover img {display:block; position:absolute; top:-220px; left:-610px; 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;}
-
/* line 72, ../sass/lightbox.sass */
+
#mainimage {position:absolute; top:0px; left: -500px; top:0px; width:450px; border:0px;}
-
.lb-prev {
+
-
  left: 0;
+
-
  float: left;
+
-
}
+
-
/* line 76, ../sass/lightbox.sass */
 
-
.lb-next {
 
-
  right: 0;
 
-
  float: right;
 
-
}
 
-
/* line 81, ../sass/lightbox.sass */
+
</style>
-
.lb-prev:hover {
+
-
  background: url(https://static.igem.org/mediawiki/2012hs/f/f1/Prev.png) left 48% no-repeat;
+
-
}
+
-
/* line 85, ../sass/lightbox.sass */
 
-
.lb-next:hover {
 
-
  background: url(https://static.igem.org/mediawiki/2012hs/c/c4/Next.png) right 48% no-repeat;
 
-
}
 
-
/* line 88, ../sass/lightbox.sass */
 
-
.lb-dataContainer {
 
-
  margin: 0 auto;
 
-
  padding-top: 5px;
 
-
  *zoom: 1;
 
-
  width: 100%;
 
-
  -moz-border-radius-bottomleft: 4px;
 
-
  -webkit-border-bottom-left-radius: 4px;
 
-
  -ms-border-bottom-left-radius: 4px;
 
-
  -o-border-bottom-left-radius: 4px;
 
-
  border-bottom-left-radius: 4px;
 
-
  -moz-border-radius-bottomright: 4px;
 
-
  -webkit-border-bottom-right-radius: 4px;
 
-
  -ms-border-bottom-right-radius: 4px;
 
-
  -o-border-bottom-right-radius: 4px;
 
-
  border-bottom-right-radius: 4px;
 
-
}
 
-
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
 
-
.lb-dataContainer:after {
 
-
  content: "";
 
-
  display: table;
 
-
  clear: both;
 
-
}
 
-
/* line 95, ../sass/lightbox.sass */
+
<body id="home" onload="setPageSize()">
-
.lb-data {
+
<div id="super_main_wrapper">
-
  padding: 0 10px;
+
<div id="SubWrapper">
-
  color: #bbbbbb;
+
<h2>Gallery</h2>
-
}
+
</div>
-
/* line 98, ../sass/lightbox.sass */
+
-
.lb-data .lb-details {
+
-
  width: 85%;
+
-
  float: left;
+
-
  text-align: left;
+
-
  line-height: 1.1em;
+
-
}
+
-
/* line 103, ../sass/lightbox.sass */
+
-
.lb-data .lb-caption {
+
-
  font-size: 13px;
+
-
  font-weight: bold;
+
-
  line-height: 1em;
+
-
}
+
-
/* line 107, ../sass/lightbox.sass */
+
-
.lb-data .lb-number {
+
-
  display: block;
+
-
  clear: left;
+
-
  padding-bottom: 1em;
+
-
  font-size: 11px;
+
-
}
+
-
/* line 112, ../sass/lightbox.sass */
+
-
.lb-data .lb-close {
+
-
  width: 35px;
+
-
  float: right;
+
-
  padding-bottom: 0.7em;
+
-
  outline: none;
+
-
}
+
-
/* line 117, ../sass/lightbox.sass */
+
-
.lb-data .lb-close:hover {
+
-
  cursor: pointer;
+
-
}
+
-
</style>
+
-
<style type="text/css">
+
<div id="news">
-
#bodyContent { background-color: transparent; border: none; width: 975px; min-height: 900px;}
+
<center>
-
</style>
+
<h3>Overview</h3>
 +
<div id="HDgal">
 +
<!-- das zuerst angezeigte Bild -->
 +
<img id="mainimage" src="https://static.igem.org/mediawiki/2012hs/8/80/DSC04439.JPG" />
 +
 
 +
<!-- alle anderen Bilder -->
 +
<a class="p1" href="#nogo">&nbsp;1<img src="https://static.igem.org/mediawiki/2012hs/e/e3/DSC_3250.JPG"/></a>
 +
<a class="p2" href="#nogo">&nbsp;2<img src="https://static.igem.org/mediawiki/2012hs/c/c0/DSC04427.JPG"/></a>
 +
<a class="p3" href="#nogo">&nbsp;3<img src="https://static.igem.org/mediawiki/2012hs/9/94/DSC04437.JPG"/></a>
 +
<a class="p4" href="#nogo">&nbsp;4<img src="https://static.igem.org/mediawiki/2012hs/8/80/DSC04439.JPG"/></a>
 +
<a class="p5" href="#nogo">&nbsp;5<img src="https://static.igem.org/mediawiki/2012hs/3/3a/DSC0283-1-..JPG"/></a>
 +
<a class="p6" href="#nogo">&nbsp;6<img src="https://static.igem.org/mediawiki/2012hs/7/7f/DSC0367-1-.JPG"/></a>
 +
<a class="p7" href="#nogo">&nbsp;7<img src="https://static.igem.org/mediawiki/2012hs/4/44/LifeScience_Lab_0004.jpg"/></a>
 +
<a class="p8" href="#nogo">&nbsp;8<img src="https://static.igem.org/mediawiki/2012hs/d/de/LifeScience_Lab_0012.jpg"/></a>
 +
<a class="p9" href="#nogo">&nbsp;9<img src="https://static.igem.org/mediawiki/2012hs/f/f0/LifeScience_Lab_0019.jpg"/></a>
 +
<a class="p10" href="#nogo">&nbsp;10<img src="https://static.igem.org/mediawiki/2012hs/9/90/LifeScience_Lab_0034.jpg"/></a>
 +
<a class="p11" href="#nogo">&nbsp;11<img src="https://static.igem.org/mediawiki/2012hs/6/67/LifeScience_Lab_0041.jpg"/></a>
 +
<a class="p12" href="#nogo">&nbsp;12<img src="https://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0045.jpg"/></a>
 +
<a class="p13" href="#nogo">&nbsp;13<img src="https://static.igem.org/mediawiki/2012hs/e/ef/DSC0296.jpg"/></a>
 +
<a class="p14" href="#nogo">&nbsp;14<img src="https://static.igem.org/mediawiki/2012hs/c/c3/LifeScience_Lab_0072.jpg"/></a>
 +
<a class="p15" href="#nogo">&nbsp;15<img src="https://static.igem.org/mediawiki/2012hs/e/e1/LifeScience_Lab_0085.jpg"/></a>
 +
<a class="p16" href="#nogo">&nbsp;16<img src="https://static.igem.org/mediawiki/2012hs/d/d0/LifeScience_Lab_0117.jpg"/></a>
 +
<a class="p17" href="#nogo">&nbsp;17<img src="https://static.igem.org/mediawiki/2012hs/e/e9/LifeScience_Lab_0121.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="p20" href="#nogo">&nbsp;20<img src="hhttps://static.igem.org/mediawiki/2012hs/f/f7/LifeScience_Lab_0168.jpg"/></a>
 +
</div>
 +
 
 +
</center>
 +
</div>  <!-- end news -->
 +
</div>
 +
</body>
<script type="text/javascript">
<script type="text/javascript">
Line 196: Line 132:
len = document.getElementById('super_main_wrapper').offsetHeight;
len = document.getElementById('super_main_wrapper').offsetHeight;
document.getElementById('bodyContent').style.height = len + 'px';
document.getElementById('bodyContent').style.height = len + 'px';
 +
document.getElementById('SupWrapper').style.height = len + 'px';
document.getElementById('news').style.height = len + 'px';
document.getElementById('news').style.height = len + 'px';
}
}
</script>
</script>
-
 
-
<body id="sponsors" onload="setPageSize()">
 
-
<div id="super_main_wrapper">
 
-
<div id="SubWrapper">
 
-
 
-
<a href="https://static.igem.org/mediawiki/2012hs/e/e3/DSC_3250.JPG" rel="lightbox">Agar-Plate</a>
 
-
 
-
</div><!--end SubWrapper-->
 
-
</div> <!-- end super_main_wrapper>
 
-
 
-
</body>
 
-
 
</html>
</html>

Latest revision as of 13:46, 16 June 2012

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

Retrieved from "http://2012hs.igem.org/Team:Heidelberg_LSL/Gallery2"