From 4b04d7b16db54d57acbf395579ea472fd36ba541 Mon Sep 17 00:00:00 2001 From: Tom Canac Date: Sat, 1 Feb 2014 16:49:27 +0100 Subject: [PATCH] =?UTF-8?q?back=20to=20top=20button=20added=20in=20the=203?= =?UTF-8?q?=C2=A0main=20themes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/board.html | 39 +++++++++++++++++++++--------- templates/rounded.html | 43 ++++++++++++++++++++------------- templates/squares.html | 54 ++++++++++++++++++++++++++---------------- 3 files changed, 88 insertions(+), 48 deletions(-) diff --git a/templates/board.html b/templates/board.html index 133b217..50371b8 100644 --- a/templates/board.html +++ b/templates/board.html @@ -20,7 +20,6 @@ html{ font-size: 62.5%; } - .clear{clear:both;} body { margin: 0; padding: 0; @@ -73,7 +72,15 @@ color: #FFCC11; text-decoration: none; } - + #backtop, + #backtop:hover, + #backtop:active, + .b-lazy { + -webkit-transition:all .2s ease-in; + -ms-transition:all .2s ease-in; + -o-transition:all .2s ease-in; + transition:all .2s ease-in; + } #gallery { list-style: none; margin: 0; @@ -104,6 +111,8 @@ width: 100%; } footer { + clear:both; + padding-top: 2rem; margin: 25px 0px; text-align: center; } @@ -111,15 +120,25 @@ text-decoration: none; color: #666; } + /*----Back to top button---*/ + #backtop { + display: block; + position: fixed; + bottom: 0; + right: 0; + padding: 1rem 4rem; + background-color: #CC2027; + color: #FFF; + margin: .5%; + border-radius: 4px; + -webkit-box-shadow: 0px 0px 2px -1px #000; + box-shadow: 0px 0px 2px -1px #000; + } /*----lazyloading---*/ .loader{ background: url('images/loader.gif') center center no-repeat; } .b-lazy { - -webkit-transition: opacity 100ms ease-in-out 10ms; - -moz-transition: opacity 100ms ease-in-out 10ms; - -o-transition: opacity 100ms ease-in-out 10ms; - transition: opacity 100ms ease-in-out 10ms; opacity: 0; } .b-lazy.b-loaded { @@ -161,17 +180,15 @@ - +
-
-
- - + + top