User:RogueScholar/timeless.css

Source: Wikipedia, the free encyclopedia.
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* Indefinite content (center panel) width */
@media screen and (min-width: 851px) {
  .color-middle-container,
  .ts-inner {
  	max-width: 118em;
  }
}

/* Navboxes on both sides (Right, then left) */
#mw-related-navigation, #mw-site-navigation {
  -ms-overflow-style: none;
  height: 100%;
  overflow: hidden;
  position: fixed;
  scrollbar-width: none;
}

#mw-related-navigation:hover, #mw-site-navigation:hover {
  overflow-x: hidden;
  overflow-y: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#mw-related-navigation::-webkit-scrollbar, #mw-site-navigation::-webkit-scrollbar {
  display: none;
}

#mw-related-navigation {
  padding-bottom: 14em;
  right: calc(calc(calc(100% - 118em) /2) - 1em);
}

#mw-site-navigation {
  left: calc(calc(calc(100% - 118em) /2) - 1em);
  padding-bottom: 14em;
}

#site-tools.sidebar-chunk {
  padding-bottom: 21.66px;
}

.skin-timeless #mw-content-wrapper {
  margin: 0 14em 0 12em;
}

/* Permanently disable pedantic Articles for Discussion help box */
.afd-help-box {
  display: none !important;
}