MediaWiki:Timeless.css

From UnderWiki
Revision as of 13:25, 8 April 2019 by Browncoat Jayson (talk | contribs) (Created page with "→‎CSS placed here will affect users of the Timeless skin: @media screen { body { font-family: sans-serif; color: #c1c1c1; background-color: #121212; font-size: 0....")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Timeless skin */

@media screen {
 body {
  font-family: sans-serif;
  color: #c1c1c1;
  background-color: #121212;
  font-size: 0.875em;
 }
 a {
  color: #397b73;
 }
 #mw-page-header-links li.selected a {
  color: #397b73;
 }
 #mw-content h3 {
  font-size: 1.3em;
 }
 #mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {
  font-family: sans-serif;
 }
 #p-logo-text a {
  font-family: 'Libre Baskerville',serif;
 }
 #mw-content-container {
  background: #121212;
 }
 #mw-content-container {
  border-bottom: solid 4px #ffa500;
 }
 .color-middle {
  background: #ffa500;
 }
 .color-left {
  background: #ffa500;
 }
 .color-right {
  background: #ffa500;
 }
}
@media screen and (min-width: 1340px) {
 #mw-content {
  background-color: #212121;
  border-color: #250b2d;
 }
 #mw-site-navigation .sidebar-chunk {
  background: #212121;
  border: solid #250b2d;
 }
 #mw-related-navigation .sidebar-chunk {
  background: #212121;
  border: solid #250b2d;
 }
}
@media screen {
 .mw-parser-output a.external {
  color: #397b73;
 }
}
@media screen and (min-width: 851px) {
 #personal h2 {
  font-family: 'Libre Baskerville',serif;
 }
}
@media screen and (max-width: 850px) {
 #mw-content {
  background-color: #212121;
 }
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
 #mw-content {
  background-color: #212121;
  border-color: #250b2d;
 }
 #mw-header-nav-hack {
  background: #121212;
 }
 #mw-site-navigation h2, #mw-related-navigation h2 {
  font-family: 'Libre Baskerville',serif;
  text-transform: uppercase;
  font-size: 16px;
 }
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
 #mw-content {
  background-color: #212121;
  border-color: #250b2d;
 }
 #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
  background: #212121;
  border: solid #250b2d;
 }
}
#mw-content-block {
 background-color: #121212;
}