Team:LMU-Munich/Templates/Page Header

From 2012.igem.org

(Difference between revisions)
(added slideshow script)
 
(43 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
__NOTOC__<html>
<style type="text/css">
<style type="text/css">
/* hide some igem stuff... */
/* hide some igem stuff... */
Line 32: Line 32:
border-top: 1px solid transparent;
border-top: 1px solid transparent;
margin-top: -1px;
margin-top: -1px;
-
position: static;
 
-
}
 
-
 
-
html {
 
-
background: white; /* ← change the left/right border color here! */
 
}
}
body {
body {
 +
background: url(https://static.igem.org/mediawiki/2012/e/e3/Team_LMU_banner.png) no-repeat 50% 20px white;
width: 1000px; /* against my better judgement… */
width: 1000px; /* against my better judgement… */
margin: 0 auto;
margin: 0 auto;
-
background: url(https://static.igem.org/mediawiki/2012/3/3d/LMU-Munich_banner.jpeg) no-repeat 0 0 white;
 
position: relative;
position: relative;
}
}
Line 109: Line 104:
display: 0;
display: 0;
margin: 0;
margin: 0;
-
padding: 0 100px;
+
padding: 0 213px;
-
background: url(http://wrtlprnft.ath.cx/top.png) #785d99 repeat-y;
+
background: url(https://static.igem.org/mediawiki/2012/8/86/Team_LMU_top.png) #785d99 repeat-y;
height: 2.5em;
height: 2.5em;
-
margin-top: 241px;
 
}
}
 +
 +
#nav_shadow {
 +
height: 100px;
 +
margin: 0 -221px;
 +
background: url(https://static.igem.org/mediawiki/2012/2/2c/Team_LMU_top_shadow.png) no-repeat;
 +
margin-top: 154px;
 +
margin-bottom: -98px;
 +
}
 +
#nav {
#nav {
height: 2.5em;
height: 2.5em;
-
margin: 0 -100px;
+
margin: 0 -213px;
padding-bottom: .4em;
padding-bottom: .4em;
-
background: url(http://wrtlprnft.ath.cx/bottom.png) #785d99 repeat-y;
+
background: url(https://static.igem.org/mediawiki/2012/9/99/Team_LMU_bottom.png) #785d99 repeat-y;
}
}
Line 172: Line 175:
width: auto;
width: auto;
background: transparent;
background: transparent;
 +
z-index: 100;
}
}
Line 225: Line 229:
#logo_lmu {
#logo_lmu {
position: absolute;
position: absolute;
-
right: 20px;
+
right: 60px;
-
top: 50px;
+
top: 95px;
}
}
#logo_igem {
#logo_igem {
position: absolute;
position: absolute;
-
right: 10px;
+
right: 62px;
-
top: 100px;
+
top: -5px;
}
}
#logo_beadzillus {
#logo_beadzillus {
position: absolute;
position: absolute;
-
left: 20px;
+
left: 155px;
-
top: 90px;
+
top: 25px;
}
}
Line 288: Line 292:
}
}
-
a {
+
a, a:link, a:visited {
-
/* color: #68387b; */
+
color: #16933f;
color: #16933f;
 +
}
 +
 +
a.new {
 +
color: red;
 +
}
 +
 +
table.colored th {
 +
background: #16933f;
 +
color: white;
 +
}
 +
 +
table.colored tr:nth-child(odd) {
 +
background: #ebfce4;
 +
}
 +
 +
table.colored {
 +
border: 0 none transparent;
 +
border-bottom: 2px solid #00b050;
 +
}
 +
 +
table.colored th, table.colored td {
 +
padding-left: .5em;
 +
padding-right: .5em;
 +
}
 +
 +
/* rounded shadowed boxes */
 +
 +
.box {
 +
border: 1px solid #888;
 +
padding: 5px;
 +
margin-bottom: 10px;
 +
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
-moz-box-shadow: 0 0 8px #888;
 +
-webkit-box-shadow: 0 0 8px #888;
 +
box-shadow: 0 0 8px #888;
 +
}
 +
 +
.box {
 +
margin-right: 5px;
 +
margin-left: 5px;
}
}
Line 334: Line 379:
<a id="logo_beadzillus" href="https://2012.igem.org/Team:LMU-Munich"><img src="https://static.igem.org/mediawiki/2012/2/2c/Team-LMU_Beadzillus_logo_200.png" alt="Beadzillus" /></a>
<a id="logo_beadzillus" href="https://2012.igem.org/Team:LMU-Munich"><img src="https://static.igem.org/mediawiki/2012/2/2c/Team-LMU_Beadzillus_logo_200.png" alt="Beadzillus" /></a>
</div>
</div>
 +
<div id="nav_shadow"></div>
<div id="nav">
<div id="nav">
</html>
</html>
Line 415: Line 461:
style.parentNode.removeChild(style);
style.parentNode.removeChild(style);
-
var divs = document.getElementsByTagName("div");
+
var links = document.getElementById("nav").getElementsByTagName("a");
-
for(var i = 0; i < divs.length; ++i) {
+
for(var i = 0; i < links.length; ++i) {
-
var slideshow = divs[i];
+
links[i].removeAttribute("title");
-
if(slideshow.getAttribute("class") != "slideshow") {
+
-
continue;
+
-
}
+
-
 
+
-
slideshow.lis = slideshow.getElementsByTagName("li");
+
-
slideshow.current_li = 0;
+
-
slideshow.next_li = 1;
+
-
slideshow.time = 1.;
+
-
slideshow.timeout = null;
+
-
slideshow.fast = false;
+
-
 
+
-
slideshow.set_timeout = function(timeout, callback) {
+
-
if(slideshow.timeout != null) {
+
-
window.clearTimeout(slideshow.timeout);
+
-
}
+
-
slideshow.last_time = (new Date()).getTime();
+
-
slideshow.timeout = window.setTimeout(callback, timeout);
+
-
}
+
-
 
+
-
slideshow.timestep = function() {
+
-
if(slideshow.time == 0) {
+
-
dt = 20;
+
-
} else {
+
-
var time = (new Date()).getTime();
+
-
var dt = time - slideshow.last_time;
+
-
slideshow.last_time = time;
+
-
}
+
-
slideshow.time += dt / (slideshow.fast ? 1000. : 3000.);
+
-
if(slideshow.time >= 1.) {
+
-
slideshow.time = 1.;
+
-
}
+
-
var anim_time = .5 - .5 * Math.cos(slideshow.time * 3.141);
+
-
slideshow.lis[slideshow.current_li].style.left = anim_time * -100 + "%";
+
-
slideshow.lis[slideshow.next_li].style.left = (1. - anim_time) * 100 + "%";
+
-
 
+
-
if(slideshow.time >= 1.) {
+
-
// slideshow.lis[slideshow.current_li].style.display = "none";
+
-
slideshow.current_li = slideshow.next_li;
+
-
slideshow.next_li = slideshow.next_li + 1 >= slideshow.lis.length ? 0 : slideshow.next_li + 1;
+
-
slideshow.time = 0;
+
-
slideshow.fast = false;
+
-
// alert(slideshow.next_li);
+
-
// alert(slideshow.current_li);
+
-
slideshow.set_timeout(5000, slideshow.timestep);
+
-
// slideshow.lis[slideshow.next_li].style.display = "block";
+
-
// slideshow.lis[slideshow.next_li].z_index = "2";
+
-
// slideshow.lis[slideshow.current_li].z_index = "1";
+
-
} else {
+
-
slideshow.set_timeout(20, slideshow.timestep);
+
-
}
+
-
var antilink = document.createElement("div");
+
-
antilink.setAttribute("class", "antilink");
+
-
slideshow.appendChild(antilink);
+
-
var div = document.createElement("div");
+
-
div.setAttribute("class", "next");
+
-
slideshow.appendChild(div);
+
-
div.onclick = function() {
+
-
slideshow.set_timeout(0, slideshow.timestep);
+
-
slideshow.fast = true;
+
-
}
+
-
}
+
-
 
+
-
slideshow.set_timeout(0, slideshow.timestep);
+
}
}
</script>
</script>
Line 490: Line 473:
</div>
</div>
<html>
<html>
 +
<div id="mascot"><img alt="Sporenfreunde" src="https://static.igem.org/mediawiki/2012/e/e3/Team_LMU_Sporenfreunde.png"></div>
</div>
</div>
 +
<script type="text/javascript">
 +
var mascot = document.getElementById("mascot");
 +
var dummy = document.createElement("div");
 +
mascot.parentNode.insertBefore(dummy, mascot);
 +
mascot.style.marginTop = "-268px";
 +
dummy.style.height = "268px";
 +
 +
function get_y(ele) {
 +
var ret = 0;
 +
for(; ele != null; ele = ele.offsetParent) {
 +
ret += ele.offsetTop;
 +
}
 +
return ret;
 +
}
 +
 +
function scroll() {
 +
var scroll_top = window.pageYOffset != null ? window.pageYOffset : document.body.parentElement ? document.body.parentElement.scrollTop : document.body.scrollTop;
 +
 +
var distance_bottom = window.innerHeight - 268 - (get_y(dummy) - scroll_top);
 +
 +
if(distance_bottom > 75) {
 +
mascot.style.position = "fixed";
 +
mascot.style.left = (window.innerWidth / 2.0 - 500 + 17) + "px";
 +
mascot.style.bottom = "75px";
 +
mascot.style.width = "210px";
 +
mascot.style.height = "268px";
 +
} else {
 +
mascot.style.position = "static";
 +
}(dummy);
 +
}
 +
 +
window.onscroll = scroll;
 +
window.onresize = scroll;
 +
scroll();
 +
</script>
<div id="right">
<div id="right">
</html>
</html>
Line 506: Line 525:
;[[Team:LMU-Munich/Templates/News]]
;[[Team:LMU-Munich/Templates/News]]
:the text in the sidebar
:the text in the sidebar
 +
 +
<div class="box">
 +
=== box test ===
 +
{| class="colored"
 +
|-
 +
!A1
 +
!B1
 +
!C1
 +
|-
 +
!A2
 +
|B2
 +
|C2
 +
|-
 +
!A3
 +
|B3
 +
|C3
 +
|}
 +
</div>
{{:Team:LMU-Munich/Templates/Page Footer}}
{{:Team:LMU-Munich/Templates/Page Footer}}
</noinclude>
</noinclude>

Latest revision as of 17:04, 24 October 2012

iGEM Ludwig-Maximilians-Universität München Beadzillus

Team-LMU Sidebar Home.jpg

The LMU-Munich team is exuberantly happy about the great success at the World Championship Jamboree in Boston. Our project Beadzillus finished 4th and won the prize for the "Best Wiki" (with Slovenia) and "Best New Application Project".

IGEM HQ LMU prize.jpg

[ more news ]

Sporenfreunde