MediaWiki:Common.css

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: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
:root {
  --off-white: #e5f0fa;
  --dark-blue: #2B76D9;
  --blue: #2B88D9;
  --light-blue: #5ED7F2;
  --red: #D9043D;
  --dark-red: #BF2604;
  --rounded: 0.25rem;
  --sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
}

body {
  background: var(--blue) !important;
font-family: var(--sans-serif) !important;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
  font-family: var(--sans-serif) !important;
}

a {
  color: var(--blue) !important;
}

a:visited {
  color: var(--dark-blue) !important;
}

a.new, .new a {
  color: var(--red) !important;
}

#mw-header-container {
  background: var(--blue) !important;
}

#personal {
  color: var(--off-white) !important;
}

#p-personal-label {
  color: black;
}

#p-logo-text a {
  color: var(--off-white) !important;
}

#simpleSearch {
  box-shadow: none !important;
  border: none !important;
}

#simpleSearch {
  background: var(--blue) !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: 2px solid var(--off-white) !important;
}

#searchInput {
  box-shadow: none !important;
}

#searchInput::placeholder {
  color: white !important;
}

#mw-header-hack {
  display: none !important;
}

#mw-content-container {
  background: var(--blue) !important;
  margin-top: 5rem !important;
  border-bottom: none !important;
}

#mw-content {
  background: var(--off-white) !important;
  border-radius: var(--rounded) !important;
}

#site-navigation,
#site-tools,
#page-tools {
  background: var(--off-white) !important;
  border-radius: var(--rounded) !important;
}

#page-tools {
  margin-top: 0 !important;
}

#mw-footer-container {
  box-shadow: none !important;
  border-top: none !important;
}

.mw-wiki-logo {
  margin-top: 0 !important;
}

.tools-inline li:hover {
  border-bottom-color: var(--blue) !important;
}