4rkal/monero-site
1
0
Fork 0
mirror of https://github.com/monero-project/monero-site.git synced 2025-01-28 18:56:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #1298

Browse Source 
Add arrow-up button to the blog and move the related CCS to the general section
This commit is contained in:
luigi1111 2020-12-24 13:19:45 -05:00 committed by GitHub
commit 92da42d560
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/blog_by_tag.html
View File

@ -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>

1
blog/index.html
View File

@ -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 %}

108
css/custom.css
View File

@ -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;