diff --git a/_layouts/blog_by_tag.html b/_layouts/blog_by_tag.html index fe5c71e2..f716f9c4 100644 --- a/_layouts/blog_by_tag.html +++ b/_layouts/blog_by_tag.html @@ -124,5 +124,5 @@ layout: custom <!-- end right one-third block--> </div> </section> - + <a href="#" class="arrow-up" aria-label="{% t accessibility.arrowup %}"><i></i></a> </div> diff --git a/blog/index.html b/blog/index.html index cf024909..bc4bdb18 100644 --- a/blog/index.html +++ b/blog/index.html @@ -63,6 +63,7 @@ title: titles.blogbytag </div> <!-- End full block--> </section> + <a href="#" class="arrow-up" aria-label="{% t accessibility.arrowup %}"><i></i></a> </div> {% if paginator.total_pages > 1 %} diff --git a/css/custom.css b/css/custom.css index 5bee830e..ed6c3b3f 100644 --- a/css/custom.css +++ b/css/custom.css @@ -1236,6 +1236,42 @@ ul.logo { list-style-image: url('/img/logo-list.svg'); } +a.arrow-up { + border: 1px solid #d26e2b; + border-radius: 50%; + height: 3rem; + width: 3rem; + position: fixed; + bottom: 2rem; + right: 2rem; + background-color: #ffffff; + z-index: 5; +} + +a.arrow-up:hover, a.arrow-up:focus { + border: none; + background-color: #d26e2b; +} + +a.arrow-up i { + border: solid #d26e2b; + border-width: 0 3px 3px 0; + padding: 0.5rem; + position: absolute; + top: 1.02rem; + left: 0.88rem; + transform: rotate(-135deg); + -webkit-transform: rotate(-135deg); + -webkit-transition: all ease-out .2s; + -moz-transition: all ease-out .2s; + -o-transition: all ease-out .2s; + transition: all ease-out .2s; +} + +a.arrow-up:hover i, a.arrow-up:focus i { + border-color: #ffffff; +} + @media only screen and (max-width: 75rem) { .upgrade-content p { @@ -3250,42 +3286,6 @@ span.icon-browser { margin-top: 0; } -.downloads a.arrow-up { - border: 1px solid #d26e2b; - border-radius: 50%; - height: 3rem; - width: 3rem; - position: fixed; - bottom: 2rem; - right: 2rem; - background-color: #ffffff; - z-index: 5; -} - -.downloads a.arrow-up:hover, .downloads a.arrow-up:focus { - border: none; - background-color: #d26e2b; -} - -.downloads a.arrow-up i { - border: solid #d26e2b; - border-width: 0 3px 3px 0; - padding: 0.5rem; - position: absolute; - top: 1.02rem; - left: 0.88rem; - transform: rotate(-135deg); - -webkit-transform: rotate(-135deg); - -webkit-transition: all ease-out .2s; - -moz-transition: all ease-out .2s; - -o-transition: all ease-out .2s; - transition: all ease-out .2s; -} - -.downloads a.arrow-up:hover i, .downloads a.arrow-up:focus i { - border-color: #ffffff; -} - .mobile-only { display:none; } @@ -4367,42 +4367,6 @@ p.hangouts-social { font-weight: bold; } -.faq a.arrow-up { - border: 1px solid #d26e2b; - border-radius: 50%; - height: 3rem; - width: 3rem; - position: fixed; - bottom: 2rem; - right: 2rem; - background-color: #ffffff; - z-index: 5; -} - -.faq a.arrow-up:hover, .downloads a.arrow-up:focus { - border: none; - background-color: #d26e2b; -} - -.faq a.arrow-up i { - border: solid #d26e2b; - border-width: 0 3px 3px 0; - padding: 0.5rem; - position: absolute; - top: 1.02rem; - left: 0.88rem; - transform: rotate(-135deg); - -webkit-transform: rotate(-135deg); - -webkit-transition: all ease-out .2s; - -moz-transition: all ease-out .2s; - -o-transition: all ease-out .2s; - transition: all ease-out .2s; -} - -.faq a.arrow-up:hover i, .faq a.arrow-up:focus i { - border-color: #ffffff; -} - .tab .anchor { height: 2rem; width: 2rem;