Usuário:Tuga1143/ToTopButton.css

Nota: Depois de publicar, poderá ter de contornar a cache do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
/*** To Top Button ***/

/* Adds a floating "go to top" button on the bottom-right of the screen */
/* Documentation at [[User:BrandonXLF/TopButton]] */
/* By [[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;
}