Moves compatibility and specs tables to the top. If possible, makes thinkgs more compact.
/* ==UserStyle==
@name MDN: Important content first
@description Moves compatibility and specs tables to the top. If possible, makes thinkgs more compact.
@namespace myfonj
@version 2.0.0
@license CC0 - Public Domain
==/UserStyle== */
@-moz-document domain("developer.mozilla.org") {
/*
Changelog
2.0.0 (2025-08-19) - New layout dropped. Deleted basically everything here. Sigh. New name.
1.6.2 (2025-04-29) - Move multiple compat section to the top as well
1.6.1 (2025-03-26) - RIP styling the content of the Compatibility table. New lazy-compat-table Web Component with closed shadow root is here :sad face:
1.6.0 (2024-10-16) - "Resources" like "See also" on the top
1.5.0 (2024-04-17) - sticky header attepmt
1.4.3 (2024-03-21) - "see also" also in right order in sidebar nav
1.4.2 (2024-03-21) - reordered sidebar nav to match new order
1.4.1 (2024-03-20) - pulling up even the "no compat/spec data found" warning boxes
*/
/*
https://userstyles.org/styles/177139/edit
https://greatest.deepsurf.us/en/scripts/408039/versions/new
MDN: Compat table: first and compact
*/
/*
Pull Browser Compatibility table to the top
*/
.reference-layout__body {
display: flex;
flex-direction: column;
& > .content-section[aria-labelledby="specifications"] {
order: -100;
}
& > .content-section[aria-labelledby="browser_compatibility"] {
order: -90;
}
& > .content-section[aria-labelledby="see_also"] {
order: -90;
}
& h2:is(
#specifications,
#browser_compatibility
) {
height: 0 !important;
overflow: hidden;
margin: 0;
}
h2#see_also {
font-size: 1em
}
}
}