Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

From RSN Wiki
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ================================
/* ===============================
   VECTOR-2022 LOGO FIX (FULL)
   VECTOR-2022 LOGO — FINAL FIX
   ================================ */
   =============================== */


/* 1. Hide site name (wordmark) and tagline */
/* 1. Hide wordmark text */
.mw-logo-wordmark,
.mw-logo-wordmark,
.mw-logo-tagline {
.mw-logo-tagline {
Line 9: Line 9:
}
}


/* 2. Increase logo size (Wikipedia is ~50px) */
/* 2. Reset forced HTML sizing */
.mw-logo-icon {
.mw-logo-icon {
   height: 56px !important;   /* change to 50px if you want exact Wikipedia */
   height: auto !important;
   width: auto !important;
   width: auto !important;
  max-height: 56px; 
  transform: scale(2.1) translateY(15px);
  transform-origin: left center;
}
}


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


/* 4. Fix logo alignment after removing wordmark */
/* 4. Correct spacing after scaling */
.mw-logo {
.vector-header-start .mw-logo {
  margin-left: 8px;
   display: flex;
   display: flex;
   align-items: center;
   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;
}
}

Latest revision as of 17:12, 20 December 2025

/* ===============================
   VECTOR-2022 LOGO — FINAL FIX
   =============================== */

/* 1. Hide wordmark text */
.mw-logo-wordmark,
.mw-logo-tagline {
  display: none !important;
}

/* 2. Reset forced HTML sizing */
.mw-logo-icon {
  height: auto !important;
  width: auto !important;
  max-height: 56px;  
  transform: scale(2.1) translateY(15px);
  transform-origin: left center;
}

/* 3. Keep header alignment intact */
.vector-header-start {
  align-items: center;
}

/* 4. Correct spacing after scaling */
.vector-header-start .mw-logo {
  margin-left: 8px;
  display: flex;
  align-items: center;
}