Team:Manchester/Footer

From 2013.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
 +
<head>
 +
 +
<script type="text/javascript">
 +
  $(document).ready(function() {
 +
    $(window).scroll(function() {
 +
        if($(this).scrollTop() > 200) {
 +
          $(".topButton").fadeIn(200);}
 +
        else {
 +
          $(".topButton").fadeOut(200);}
 +
    });
 +
  $(".topButton").click(function(event) {
 +
    event.preventDefault();
 +
      $("html, body").animate({scrollTop:0},200);
 +
  });
 +
  });
 +
</script>
<style type="text/css">
<style type="text/css">
Line 7: Line 23:
.anchor a
.anchor a
{
{
-
width:100px;
+
width:120px;
-
 
+
text-decoration:none;
text-decoration:none;
color:white;
color:white;
position:fixed;
position:fixed;
-
top:500px;
+
bottom:210px;
-
right:270px;
+
right:5px;
text-align:center;
text-align:center;
background:#606060;
background:#606060;
-
}
+
padding:5px;
-
 
+
-
.topButton
+
-
{
+
-
padding:15px;
+
font-style:Trebuchet MS;
font-style:Trebuchet MS;
font-weight:bold;
font-weight:bold;
-
font-size:24px;
+
font-size:14px;
-
color:#F2F2F2;
+
color:white;
 +
display:none;
}
}
-
.topButton:hover
+
.anchor a:hover
{
{
background:#C0C0C0;
background:#C0C0C0;
 +
color:#606060;
}
}
 +
</head>
</style>
</style>

Latest revision as of 15:47, 28 September 2013

Top