changed back-top image and displaced to footer

2 files changed, 28 insertions, 7 deletions

diff --git a/views/layout.haml b/views/layout.haml
index 9d638a8..3569bf6 100644
--- a/views/layout.haml
+++ b/views/layout.haml
@@ -82,10 +82,22 @@
         %input{ :type => "submit", :value => "Search" }
     %em This is an experimental version. Loading data from PubChem can be slow. Please use the "Back" button and retry the offending operation if you have timeout problems.
 
-    #back-top{:style => "z-index: 100;position: fixed;bottom: 3%;margin-left: 91%;display:block;"}
-      %a{:href => ""}
-        %img{:src => "/arrow_up.png", :alt => "top"}
-      %p{:style=>"margin-top:0px;font-size:x-small;"}
+
+
+    = yield
+
+    .footer
+      ©
+      %a{:href => 'http://www.in-silico.ch', :rel => "_blank"} <i style="font-family: serife">in silico</i> toxicology gmbh 2013 - 2014
+      :javascript
+        $('A[rel="_blank"]').each(function(){
+          $(this).attr('target', '_blank');
+        });
+    #back-top{:style => "z-index:100;position:fixed;bottom:0%;width:97%;"}
+      %hr{:style => "margin-bottom:0;"}
+      %a{:href => "", :style=>"text:decoration:none;color:#ccc;"}
+        %img{:src => "/rect.png", :alt => "top", :width => "100%", :height => "50px"}
+      %div{:style => "margin-top:-50px;font-size:x-small;text-align:center;z-index:101;"}
         TOP
     :javascript
       $("#back-top").hide();
@@ -106,5 +118,3 @@
         });
       });
 
-
-    = yield
diff --git a/views/style.scss b/views/style.scss
index 77f2f5c..1ec0990 100644
--- a/views/style.scss
+++ b/views/style.scss
@@ -101,4 +101,15 @@ img.compound {
     color: $formborder;
     radius: 4px;
   }
-}
\ No newline at end of file
+}
+
+.footer {
+  margin: 200px 0px 20px 4px;
+  text-align: right;
+}
+
+.footer a {
+  text-decoration: none;
+  color: #000;
+  &:hover { color: #900; }
+}