diff options
| author | NumEricR <eric.github@gmail.com> | 2013-08-25 16:41:20 +0200 |
|---|---|---|
| committer | NumEricR <eric.github@gmail.com> | 2013-08-25 16:42:04 +0200 |
| commit | 8e1ed353bbd772da9002dd977fc0725c9d526c8c (patch) | |
| tree | 507b06857cb7cb74990495ebbcdb4b71d20342df | |
| parent | a4990dd294c08e40c86123605fbfbc78bc930a6e (diff) | |
| download | wallabag-8e1ed353bbd772da9002dd977fc0725c9d526c8c.tar.gz wallabag-8e1ed353bbd772da9002dd977fc0725c9d526c8c.tar.zst wallabag-8e1ed353bbd772da9002dd977fc0725c9d526c8c.zip | |
Externalize top link style
| -rw-r--r-- | tpl/_head.twig | 2 | ||||
| -rw-r--r-- | tpl/css/style.css | 14 |
2 files changed, 15 insertions, 1 deletions
diff --git a/tpl/_head.twig b/tpl/_head.twig index 6a8258a2..cab317a8 100644 --- a/tpl/_head.twig +++ b/tpl/_head.twig | |||
| @@ -9,4 +9,4 @@ | |||
| 9 | <link rel="stylesheet" href="./tpl/css/print.css" media="print"> | 9 | <link rel="stylesheet" href="./tpl/css/print.css" media="print"> |
| 10 | <link href='//fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> | 10 | <link href='//fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> |
| 11 | <script src="./tpl/js/jquery-2.0.3.min.js"></script> | 11 | <script src="./tpl/js/jquery-2.0.3.min.js"></script> |
| 12 | <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 | 12 | <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 3d3c5385..7633534c 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css | |||
| @@ -236,6 +236,20 @@ a, a:hover, a:visited { | |||
| 236 | cursor: move; | 236 | cursor: move; |
| 237 | } | 237 | } |
| 238 | 238 | ||
| 239 | .top_link { | ||
| 240 | position: fixed; | ||
| 241 | right: 15px; | ||
| 242 | bottom: 15px; | ||
| 243 | display: none; | ||
| 244 | padding: 20px; | ||
| 245 | background: #ccc; | ||
| 246 | -moz-border-radius: 40px; | ||
| 247 | -webkit-border-radius: 40px; | ||
| 248 | border-radius: 40px; | ||
| 249 | opacity: 0.9; | ||
| 250 | z-index: 2000; | ||
| 251 | } | ||
| 252 | |||
| 239 | footer { | 253 | footer { |
| 240 | clear: both; | 254 | clear: both; |
| 241 | } | 255 | } |