mirror of
https://github.com/monero-project/monero-site.git
synced 2025-03-26 00:58:55 +00:00
CSS: move 'arrow-up' to general section, so that can be used everywhere
This commit is contained in:
parent
86555ed8a4
commit
6d47fd0a2d
1 changed files with 36 additions and 72 deletions
108
css/custom.css
108
css/custom.css
|
@ -1223,6 +1223,42 @@ ul.logo {
|
||||||
list-style-image: url('/img/logo-list.svg');
|
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) {
|
@media only screen and (max-width: 75rem) {
|
||||||
|
|
||||||
.upgrade-content p {
|
.upgrade-content p {
|
||||||
|
@ -3241,42 +3277,6 @@ span.icon-browser {
|
||||||
margin-top: 0;
|
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 {
|
.mobile-only {
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
@ -4586,42 +4586,6 @@ p.hangouts-social {
|
||||||
font-weight: bold;
|
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 {
|
.tab .anchor {
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
|
|
Loading…
Reference in a new issue