MediaWiki:Minerva.css: Difference between revisions

From Formula One Wiki
Jump to navigation Jump to search
(Created page with "→‎All CSS here will be loaded for users of the MinervaNeue skin: →‎Hide text site name: .minerva-header .branding-box .site-brand { display: none; } →‎Inject logo image: .minerva-header .branding-box { background-size: contain; background-repeat: no-repeat; background-position: center; height: 48px; →‎Increase if logo is tall: }")
 
No edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* All CSS here will be loaded for users of the MinervaNeue skin */


/* Hide text site name */
/* Completely hide the default site name */
.minerva-header .branding-box .site-brand {
.minerva-header .branding-box .site-brand {
   display: none;
   display: none;
}
}


/* Inject logo image */
/* Replace with custom logo */
.minerva-header .branding-box {
.minerva-header .branding-box {
   background-size: contain;
   background-image: url("/w/resources/assets/Formula-One-Wiki_H.svg"); /* ← change this path */
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-position: center;
  background-size: auto 100%;  /* Maintain aspect ratio, full height */
   height: 48px; /* Increase if logo is tall */
   background-position: left center;
   height: 48px; /* adjust based on your logo's height */
  padding-left: 56px; /* push content to the right so logo has space */
}
}

Revision as of 09:04, 5 August 2025

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* Completely hide the default site name */
.minerva-header .branding-box .site-brand {
  display: none;
}

/* Replace with custom logo */
.minerva-header .branding-box {
  background-image: url("/w/resources/assets/Formula-One-Wiki_H.svg"); /* ← change this path */
  background-repeat: no-repeat;
  background-size: auto 100%;  /* Maintain aspect ratio, full height */
  background-position: left center;
  height: 48px; /* adjust based on your logo's height */
  padding-left: 56px; /* push content to the right so logo has space */
}