MediaWiki:Common.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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */
/* Wikitheism Vector 2022 header fix: larger visible emblem, smaller wordmark */
.vector-header-container,
.mw-header,
.vector-sticky-header {
  min-height: 76px !important;
}

.mw-logo,
.vector-header-start .mw-logo {
  height: 72px !important;
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: visible !important;
}

.mw-logo-icon {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.mw-logo-container,
.mw-logo-wordmark,
.mw-logo-tagline {
  overflow: visible !important;
}

.mw-logo-wordmark {
  width: 190px !important;
  max-width: 190px !important;
  height: auto !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

.mw-logo-tagline {
  display: none !important;
}

.vector-header-start {
  align-items: center !important;
}

@media (max-width: 700px) {
  .mw-logo-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }
  .mw-logo-wordmark {
    width: 150px !important;
    max-width: 150px !important;
  }
}