Template:Team:Bonn

From 2013.igem.org

(Difference between revisions)
(Use CSS3 gradients)
(Fix scripts and improve layout)
Line 1: Line 1:
<html>
<html>
-
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+
<style type="text/css">
-
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
+
/* ********************** */
-
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
+
/* basic settings */
-
<script>
+
-
function dropdown(id) {
+
-
  $('#'+id).hover( function()
+
-
    {
+
-
      $('#'+id+' > ul').stop().slideUp();
+
-
      $('#'+id+' > ul').slideDown("1000");
+
-
 
+
-
    });
+
-
  $('#'+id).mouseleave(function()
+
-
    {
+
-
      $('#'+id+' > ul').stop().slideDown();
+
-
      $('#'+id+' > ul').slideUp("1000");
+
-
    });
+
 +
.firstHeading {                                                /* Kill the default iGEM picture*/
 +
    height:0px;
 +
    visibility:hidden;
}
}
-
 
+
#top-section {   
-
function sidetextFade(id)
+
        background-position: center center;
-
{
+
        background-repeat: no-repeat;
-
  $('#'+id).hover(
+
        background-color: #6c89c1;
-
  function() {
+
        border-with:0px;
-
     var hover;
+
        height:0px;                        /* set top header height to zero, so we can show our logo */
-
    hover = document.getElementById(id).childNodes;
+
}
-
     for(var i=0, ii = hover.length; i < ii; i++) {
+
#p-logo{
-
      if(hover[i].nodeName == "DIV"){
+
     visibility:hidden;
-
        if(hover[i].className == "page-box-bottom") {
+
height:0px;
-
          $('#'+hover[i].id).stop().fadeOut();
+
}
-
          $('#'+hover[i].id).fadeIn(1000);
+
#search-controls{
-
        }
+
     visibility:hidden;
-
      }
+
height:0px;
-
    }
+
}
-
  });
+
#footer-box{
-
  $('#'+id).mouseleave(
+
    display:none;
-
  function() {
+
height:0px;
-
    var hover;
+
}
-
    hover = document.getElementById(id).childNodes;
+
#f-poweredbyico{
-
    for(var i=0, ii = hover.length; i < ii; i++) {
+
visibility:hidden;
-
      if(hover[i].nodeName == "DIV"){
+
}
-
        if(hover[i].className == "page-box-bottom") {
+
#catlinks{
-
          $('#'+hover[i].id).stop().fadeIn();
+
visibility:hidden;
-
          $('#'+hover[i].id).fadeOut(1000);
+
height:0px;
-
        }
+
}
-
      }
+
.print-footer{
-
     }
+
visibility:hidden;
-
  });
+
height:0px;
 +
}
 +
#content {
 +
border-width:0px;
 +
}
 +
#siteSub {
 +
     display:none;
 +
}
 +
.visualClear{
 +
display:none;
}
}
-
</script>
+
/* ********************** */
-
<style type="text/css">
+
 
.mw-headline{
.mw-headline{
  color:#ffffff;
  color:#ffffff;
Line 260: Line 259:
}
}
</style>
</style>
 +
 +
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 +
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
 +
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
 +
<script>
 +
function dropdown(id) {
 +
  $('#'+id).hover( function()
 +
    {
 +
      $('#'+id+' > ul').stop().slideUp();
 +
      $('#'+id+' > ul').slideDown("1000");
 +
 +
    });
 +
  $('#'+id).mouseleave(function()
 +
    {
 +
      $('#'+id+' > ul').stop().slideDown();
 +
      $('#'+id+' > ul').slideUp("1000");
 +
    });
 +
 +
}
 +
 +
function sidetextFade(id)
 +
{
 +
  $('#'+id).hover(
 +
  function() {
 +
    var hover;
 +
    hover = document.getElementById(id).childNodes;
 +
    for(var i=0, ii = hover.length; i < ii; i++) {
 +
      if(hover[i].nodeName == "DIV"){
 +
        if(hover[i].className == "page-box-bottom") {
 +
          $('#'+hover[i].id).stop().fadeOut();
 +
          $('#'+hover[i].id).fadeIn(1000);
 +
        }
 +
      }
 +
    }
 +
  });
 +
  $('#'+id).mouseleave(
 +
  function() {
 +
    var hover;
 +
    hover = document.getElementById(id).childNodes;
 +
    for(var i=0, ii = hover.length; i < ii; i++) {
 +
      if(hover[i].nodeName == "DIV"){
 +
        if(hover[i].className == "page-box-bottom") {
 +
          $('#'+hover[i].id).stop().fadeIn();
 +
          $('#'+hover[i].id).fadeOut(1000);
 +
        }
 +
      }
 +
    }
 +
  });
 +
}
 +
 +
</script>
 +
</html>
</html>

Revision as of 15:37, 28 April 2013