MediaWiki:Timeless.css

From IdleCorp Wiki
Revision as of 21:50, 20 November 2019 by Admin (talk | contribs)
(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: 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 */
/* Title size fix */
#p-logo-text a {
  font-size: 1.5em;
}

/* Color style */
body {
  background: #202225;
}

#mw-header-container {
  background: #36393f;
  color: #fff !important;
}

#p-logo-text a {
  color: #fff;
}

#mw-page-header-links li.selected a {
  color: #fff;
}

#simpleSearch {
  background: none;
  border: none;
}

#searchInput {
  color: #fff;
}

.suggestions .suggestions-results {
  background: #36393f;
  border: none;
  color: #dcddde;
}

.suggestions .suggestions-result {
  color: #fff;
}

.suggestions .suggestions-special {
  background: #36393f;
  border: none;
  color: #dcddde;
}

.suggestions-special .special-query {
  color: #dcddde;
}

#mw-footer-container {
  color: #8e9297;
}

.footer-icons::after {
  background-image: url(https://top.gg/api/widget/status/601241235474350122.svg);
}

#mw-content-container {
  border-bottom-color: rgba(255, 255, 255, 0.06);
  background: none;
}

#mw-content {
  background: #36393f;
  border: none;
  color: #dcddde;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.sidebar-chunk {
  background: #2f3136 !important;
  border: none !important;
  border-radius: 6px;
}

.sidebar-chunk h3 {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #8e9297;
}

.editOptions {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: none !important;
}

.dropdown {
  background: #2f3136 !important;
  border: none !important;
}

fieldset {
  background-color: rgba(255, 255, 255, 0.06);
  border: none;
}

fieldset legend {
  background-color: #42454a;
  color: #fff;
}

.mw-code, code {
  background: #202225;
  color: #dcddde;
  border: none;
  border-radius: 3px;
}

input {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #fff !important;
}

#searchButton, #mw-searchButton {
  background-color: transparent !important;
}

input[type='submit'] {
  text-shadow: none !important;
  background-color: #2f3136 !important;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-color: #202225;
}

.color-middle {
  background: #7289da;
}

.color-left {
  background: #7289da;
}

.color-right {
  background: #7289da;
}

#mw-content h1.firstHeading {
  border-bottom-color: #7289da;
}

#mw-content h1 {
  border-bottom-color: #7289da;
}

.mw-editform #wpTextbox1 {
  background: #202225;
  color: #dcddde;
}

table.wikitable {
  background-color: #2f3136;
  color: #dcddde !important;
  border-color: rgba(255, 255, 255, 0.06);
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
  background: rgba(255, 255, 255, 0.06);
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
  border: 3px solid #3b3d42 !important;
}

#pagehistory li.selected {
  background: rgba(255, 255, 255, 0.06);
}

#pagehistory li {
  border-color: rgba(255, 255, 255, 0.06);
}

.mw-notification {
  background-color: #2f3136;
  color: #fff;
  border: none;
  border-radius: 6px;
}