Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

From RSN Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* ================================
  VECTOR-2022 LOGO FIX (FULL)
  ================================ */
/* 1. Hide site name (wordmark) and tagline */
.mw-logo-wordmark,
.mw-logo-wordmark,
.mw-logo-tagline {
.mw-logo-tagline {
   display: none !important;
   display: none !important;
}
/* 2. Increase logo size (Wikipedia is ~50px) */
.mw-logo-icon {
  height: 56px !important;  /* change to 50px if you want exact Wikipedia */
  width: auto !important;
}
/* 3. Ensure header items are vertically centered */
.vector-header-start {
  display: flex;
  align-items: center !important;
}
/* 4. Fix logo alignment after removing wordmark */
.mw-logo {
  display: flex;
  align-items: center;
  margin-left: 8px !important;  /* reduce to 0 if you want it tighter */
}
/* 5. Prevent extra reserved space for removed text */
.mw-logo-container {
  padding: 0 !important;
  margin: 0 !important;
}
/* 6. Ensure logo remains clickable and clean */
.mw-logo img {
  max-height: 56px;
  width: auto;
}
}

Revision as of 16:56, 20 December 2025

/* ================================
   VECTOR-2022 LOGO FIX (FULL)
   ================================ */

/* 1. Hide site name (wordmark) and tagline */
.mw-logo-wordmark,
.mw-logo-tagline {
  display: none !important;
}

/* 2. Increase logo size (Wikipedia is ~50px) */
.mw-logo-icon {
  height: 56px !important;   /* change to 50px if you want exact Wikipedia */
  width: auto !important;
}

/* 3. Ensure header items are vertically centered */
.vector-header-start {
  display: flex;
  align-items: center !important;
}

/* 4. Fix logo alignment after removing wordmark */
.mw-logo {
  display: flex;
  align-items: center;
  margin-left: 8px !important;  /* reduce to 0 if you want it tighter */
}

/* 5. Prevent extra reserved space for removed text */
.mw-logo-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* 6. Ensure logo remains clickable and clean */
.mw-logo img {
  max-height: 56px;
  width: auto;
}