MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 767:
 
/* ======================================================= */
/* 1. MAKE BOTH HEADER LAYERS TRANSPARENT */
/* ======================================================= */
.header-container.header-chrome,
Line 778:
 
/* ======================================================= */
/* 2. PULLRESET CONTENTPAGE UP& (REMOVECONTAINER WHITETOP GAP)MARGINS */
/* This isremoves crucial.the Without"White this,Gap" you seeat the whitevery top body */
/* background through the transparent header. */
/* ======================================================= */
body.skin-minerva {
padding-top: 0 !important; /* Was 60px */
}
 
/* Force the main content wrapper to start at pixel 0 */
/* Add a small margin only if you want text to not hit the very top immediately */
#content,
/* or leave at 0 to have images scroll fully behind the header */
.mw-body {
margin-top: 0 !important; /* Was 10px */
padding-top: 60px0 !important; /* internal padding to keep text safe */
}
 
/* Remove potential gap from the Site Notice container */
/* ======================================================= */
.banner-container,
/* FIX TITLE OVERLAP (Targeting .pre-content) */
#siteNotice {
/* ======================================================= */
 
/* 1. Remove the default browser gap at the top */
body.skin-minerva {
padding-top: 0 !important;
}
 
/* 2. Push the Title Area down internally */
/* We target the class from your HTML snippet */
.skin-minerva .pre-content.heading-holder {
/* 60px (Header) + 30px (Gap) = 90px */
padding-top: 90px !important;
margin-top: 0 !important;
boxmargin-shadowbottom: none0 !important;
}
 
/* ======================================================= */
/* 3. Ensure Header Transparency (Just to be sure) */
/* 3. PUSH TITLE DOWN INTERNALLY */
.header-container.header-chrome,
/* This pushes the text "Home" down so it's not hidden, */
.minerva-header {
/* but keeps the background: white/transparent !important;at the top. */
/* ======================================================= */
border: none !important;
.skin-minerva .pre-content.heading-holder {
box-shadow: none !important;
/* 60px (Header height) + 30px40px (Gap)Visual = 90pxSpace) */
padding-top: 90px100px !important;
/* Ensure it behaves as a block to accept padding */
borderdisplay: noneblock !important;
}