From 8e1ed353bbd772da9002dd977fc0725c9d526c8c Mon Sep 17 00:00:00 2001
From: NumEricR <eric.github@gmail.com>
Date: Sun, 25 Aug 2013 16:41:20 +0200
Subject: [PATCH] Externalize top link style

---
 tpl/_head.twig    |  2 +-
 tpl/css/style.css | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/tpl/_head.twig b/tpl/_head.twig
index 6a8258a..cab317a 100644
--- a/tpl/_head.twig
+++ b/tpl/_head.twig
@@ -9,4 +9,4 @@
         <link rel="stylesheet" href="./tpl/css/print.css" media="print">
         <link href='//fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
         <script src="./tpl/js/jquery-2.0.3.min.js"></script>
-        <script type="text/javascript">$(document).ready(function(){$("body").prepend('<a href="#top" class="top_link" title="{% trans "back to top" %}"><img src="./tpl/img/{{ constant("THEME") }}/backtotop.png" alt={% trans "back to top" %}"/></a>');$(".top_link").css({position:"fixed",right:"15px",bottom:"15px",display:"none",padding:"20px",background:"#ccc","-moz-border-radius":"40px","-webkit-border-radius":"40px","border-radius":"40px",opacity:"0.9","z-index":"2000"});$(window).scroll(function(){posScroll=$(document).scrollTop();if(posScroll>=400)$(".top_link").fadeIn(600);else $(".top_link").fadeOut(600)})})</script>
\ No newline at end of file
+        <script type="text/javascript">$(document).ready(function(){$("body").prepend('<a href="#top" class="top_link" title="{% trans "back to top" %}"><img src="./tpl/img/{{ constant("THEME") }}/backtotop.png" alt={% trans "back to top" %}"/></a>');$(window).scroll(function(){posScroll=$(document).scrollTop();if(posScroll>=400)$(".top_link").fadeIn(600);else $(".top_link").fadeOut(600)})})</script>
\ No newline at end of file
diff --git a/tpl/css/style.css b/tpl/css/style.css
index 3d3c538..7633534 100644
--- a/tpl/css/style.css
+++ b/tpl/css/style.css
@@ -236,6 +236,20 @@ a, a:hover, a:visited {
     cursor: move;
 }
 
+.top_link {
+    position: fixed;
+    right: 15px;
+    bottom: 15px;
+    display: none;
+    padding: 20px;
+    background: #ccc;
+    -moz-border-radius: 40px;
+    -webkit-border-radius: 40px;
+    border-radius: 40px;
+    opacity: 0.9;
+    z-index: 2000;
+}
+
 footer {
     clear: both;
 }