Jump to content

Template:Skip to top and bottom/styles.css

From Simple English Wikipedia, the free encyclopedia
Revision as of 14:29, 8 February 2023 by 122.53.47.47 (talk) (Created page with "#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-...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
#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: 48px;
	}
	
	body.skin-vector-2022 #skip-to-top-button {
		right: 104px;
	}
}