MDN: Content first (Header to Footer)

Moves main content to the top, so the header with dropdown menus lands above footer.

As of 2020-12-15. See the latest version.

/* ==UserStyle==
@name           MDN: Content first (Header to Footer)
@description    Moves main content to the top, so the header with dropdown menus lands above footer.
@namespace      myfonj
@version        1.0.2
@license        CC0 - Public Domain
==/UserStyle== */

@-moz-document domain("developer.mozilla.org") {
  /*
    https://greasyfork.org/en/scripts/409087/versions/new
    2020-12-15 they switched to "signle column grid"
    With explicity set template-row, that matches matural source order.
    Makes no sense to me. Education? Showing off? Questions…
    You know what?
    Flexbox is fine. I think. Natural order, no need to keep track, no overlays.
  */
  .page-wrapper {
    display: flex;
    flex-direction: column;
  }
  .titlebar-container ,
  .breadcrumbs-locale-container ,
  .page-content-container {
    order: -1;
  }
}