diff options
author | gebele <gebele@in-silico.ch> | 2014-10-06 10:57:21 +0200 |
---|---|---|
committer | gebele <gebele@in-silico.ch> | 2014-10-06 10:57:21 +0200 |
commit | 1a685503c053931513172969399e0e1df4d4d52d (patch) | |
tree | a5dca433b256c6c74c466e3505b3e4280106a009 /views/layout.haml | |
parent | ad239b572829d54bc55ae34ca96de1e3cb2f9806 (diff) |
update jsme_version/stylesheet
Diffstat (limited to 'views/layout.haml')
-rw-r--r-- | views/layout.haml | 50 |
1 files changed, 28 insertions, 22 deletions
diff --git a/views/layout.haml b/views/layout.haml index 5b59d4f..6659547 100644 --- a/views/layout.haml +++ b/views/layout.haml @@ -23,8 +23,7 @@ %a{:href=> to("/predict")} %img{:src=>"/images/ist_logo.png", :alt=>"logo"} %h1 Lazar Toxicity Predictions - - %hr + %hr{:style=>"color:black;"} .content :javascript @@ -32,22 +31,6 @@ // hide #back-top first $("#back-top").hide(); // fade in #back-top - $(function () { - $(window).scroll(function () { - if ($(this).scrollTop() > 400) { - $('#back-top').fadeIn(); - } else { - $('#back-top').fadeOut(); - } - }); - // scroll body to 0px on click - $('#back-top a').click(function () { - $('body,html').animate({ - scrollTop: 0 - }, 500); - return false; - }); - }); $('a#confidence').tooltip({ predelay: 300, position: 'bottom center', @@ -69,11 +52,34 @@ offset: [-500, 0], }); }); - #back-top - %a{:href => ""}^ top ^ = yield - .footer + .footer{:style=>"margin-bottom:2em;"} © - %a{:href => 'http://www.in-silico.ch', :rel => "external"} in-silico toxicology gmbh 2004-2013 + %a{:href => 'http://www.in-silico.ch', :rel => "external"} <i style="font-family: serife">in silico</i> toxicology gmbh 2004 - #{Time.now.year.to_s} + + #back-top{:style => "z-index:100;position:fixed;bottom:0%;width:98%;"} + %hr{:style => "margin-bottom:0;"} + %a{:href => "", :style=>"text:decoration:none;color:#ccc;"} + %img{:src => "/rect.png", :alt => "top", :style=>"width:100%;height:50px"} + %div{:id=>"backtop", :style => "margin-top:-50px;text-align:right;cursor:default;"} + TOP + :javascript + $("#back-top").hide(); + $(function () { + $(window).scroll(function () { + if ($(this).scrollTop() > 600) { + $('#back-top').fadeIn(); + } else { + $('#back-top').fadeOut(); + } + }); + // scroll body to 0px on click + $('#back-top a').click(function () { + $('body,html').animate({ + scrollTop: 0 + }, 500); + return false; + }); + }); |