Jump to content

Template:Skip to top and bottom/styles.css

Permanently protected template
From Wikipedia, the free encyclopedia
/* {{pp-template}} */
#skip-to-top-button,
#skip-to-bottom-button {
	position: fixed;
	bottom: 8px;
	z-index: 50;
}

#skip-to-top-button:hover,
#skip-to-bottom-button:hover {
	filter: brightness(1.05);
}

#skip-to-top-button:active,
#skip-to-bottom-button:active {
	filter: brightness(0.95);
}

#skip-to-bottom-button {
	right: 8px;
}

#skip-to-top-button {
	right: 64px;
}

/* Avoid overlapping with Vector 2022 width toggle */
@media (min-width: 1400px) {
	body.skin-vector-2022 #skip-to-bottom-button {
		right: 68px;
	}
	
	body.skin-vector-2022 #skip-to-top-button {
		right: 124px;
	}
}