Userstyle to align GitHub's new design https://userstyles.org/

github.userstyle.css

/*  
You can add this with the stylish extension using this regex:
https:\/\/github\.com/(?!notifications)(.+)

Stylish for chrome: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe
Stylish for firefox: https://addons.mozilla.org/en-US/firefox/addon/stylish/

Based off https://gist.github.com/healingbrew/acc65ad439379eabdbb276e86975275e 
*/

@media (min-width: 1312px) {
  .pagehead.repohead > div {
    width: 1280px;
    margin: 0 auto;
  }
  .pagehead.repohead > nav > ul {
    width: 1216px;
    margin: 0 auto;
  }
  .notifications-v2.notification-shelf > div {
    width: 1280px;
    margin: 0 auto;
    padding-left: 32px;
  }
  header.Header {
    width: 1248px;
    margin: 0 auto;
  }
  div.Header {
    width: 1012px;
    margin: 0 auto;
  }
  header.Header:before,
  div.Header:before {
    content: "";
    background: #24292e;
    border-bottom: 1px solid #343434 !important;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .repository-content > .flex-md-row {
    flex-direction: row-reverse !important;
  }
}