MediaWiki:Vector.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.

/* All CSS here will be loaded for users of the Vector skin */
body {
  background: #fff url('https://static.miraheze.org/chicorywiki/6/6c/Chicory_Wiki_page_background.jpg') no-repeat fixed 50% 50%;
  background-size: cover;
  
  --character-font: Domigorgon;
}

@media print {
  body {
    background: none;
  }
}

.mw-logo-wordmark,
#pt-userpage-2,
#pt-userpage-sticky-header {
  font-family: Domigorgon, Nunito, sans-serif;
}

.portable-infobox .pi-title {
  font-family: var(--character-font), Domigorgon, Nunito, sans-serif;
}

.mw-body h1,
.mw-page-title-main,
.vector-feature-zebra-design-disabled .vector-sticky-header-context-bar-primary {
  font-family: var(--character-font), Domigorgon, 'Linux Libertine', 'Georgia', 'Times', serif;
}

body.rootpage-Pickle,
body.rootpage-Prunus {
  --character-font: 'Five Cents';
}

body.rootpage-Blackberry,
body.rootpage-Mom,
body.rootpage-Pumpernickel,
body.rootpage-Quinoa {
  --character-font: Metafors;
}

.skin-vector-legacy #mw-panel,
.skin-vector-legacy .mw-body,
.vector-feature-zebra-design-disabled .vector-header-container,
.vector-feature-zebra-design-disabled .mw-page-container,
.skin-vector-legacy #footer {
  background-color: rgba(255, 255, 255, 0.97);
}

.skin-vector-legacy #footer {
  display: flex;
  flex-direction: column;
}

.skin-vector-legacy #footer-icons {
  align-self: flex-end;
}