mirror of
https://github.com/monero-project/monero-site.git
synced 2024-12-23 12:09:49 +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');
|
||||
}
|
||||
|
||||
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 {
|
||||
|
@ -3241,42 +3277,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;
|
||||
}
|
||||
|
@ -4586,42 +4586,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;
|
||||
|
|
Loading…
Reference in a new issue