MediaWiki:Timeless.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* CSS placed here will affect users of the Timeless skin */

#mw-content-container {
  background-image: none;
  border-bottom-color: #999;
}

.color-left {
  background-color: #36C;
}

.color-middle {
  background-color: #555;
}

#mw-header-container, #mw-header-hack {
  position: initial;
}

#p-logo-text .mw-wiki-title {
  font-family: 'Helvetica', 'Arial', sans;
  font-variant: none;
}

#personal h2 {
  font-family: 'Helvetica', 'Arial', sans;
}

#personal .dropdown {
  z-index: 101;
}

body {
  font-size: 1em;
  line-height: 1.25;
}

@media screen and (max-width:850px) {
  .color-left, .color-right {
    background-color: #555;
  }
}

@media screen and (min-width:851px) and (max-width:1099px) {
  .color-left, .color-right {
    background-color: #555;
  }

  #mw-site-navigation, #mw-related-navigation {
    top: -5.5em;
  }
}

@media screen and (max-width:1099px) {
  #p-logo-text a.long {
    font-size: 1.25em;
    padding-bottom: 0.375em;
    padding-top: 0.375em;
  }
}

@media screen and (min-width:1099px) {
  /* NB: child selectors, not descendent; only want article content affected */
  #mw-content-text > .mw-parser-output > p,
  #mw-content-text > .mw-parser-output > ul {
    /* NB: legacy UAs may not support 'ch' unit. */
    max-width: 61.875em; /* 99ch × 0.625, assuming 5/8 width-to-height ratio */
    max-width: 99ch; /* override the above, for modern UAs */
  }
}