-
Notifications
You must be signed in to change notification settings - Fork 12
Expand file tree
/
Copy pathToTopButton.css
More file actions
37 lines (32 loc) · 729 Bytes
/
Copy pathToTopButton.css
File metadata and controls
37 lines (32 loc) · 729 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*** To Top Button ***/
/* Adds a floating "go to top" button on the bottom-right of the screen */
/* Documentation at [[en:w:User:BrandonXLF/TopButton]] */
/* By [[en:w:User:BrandonXLF]] */
.topButtonCircle {
height: 3em;
width: 3em;
border-radius: 100%;
box-shadow: 0.05em 0.2em 0.35em 0.05em #b8babd;
background: #2273f7;
position: fixed;
right: 1em;
bottom: 1em;
display: none;
z-index: 999999;
cursor: pointer;
}
.topButtonCircle:hover {
background: #1369f4;
}
.topButtonCircle > div {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 12.5px solid #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.backtotop {
display: none;
}