MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 767:
 
/* ======================================================= */
/* TRANSPARENT MOBILE BANNER 1. MAKE BOTH HEADER LAYERS TRANSPARENT */
/* ======================================================= */
.header-container.header-chrome {,
 
/* 1. Make the outer container transparent */
.header-container.header-chrome {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
 
/* 2. Make the inner header box transparent */
.minerva-header {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
 
/* ======================================================= */
/* 3. Pull content up so it sits BEHIND the transparent header */
/* 2. PULL CONTENT UP (REMOVE WHITE GAP) */
/* This is crucial. Without this, you will still see athe white gapbody at the top */
/* background through the transparent header. */
/* ======================================================= */
body.skin-minerva {
padding-top: 0 !important; /* Was 60px */
}
 
/* 4. Add topa paddingsmall tomargin theonly contentif bodyyou sowant text doesn'tto startnot underhit the buttonsvery top immediately */
/* or leave at 0 to have images scroll fully behind the header */
.mw-body {
margin-top: 0 !important; /* Was 10px */
padding-top: 60px !important; /* Adjustinternal thispadding valueto ifkeep neededtext safe */
}