MediaWiki:Mobile.css: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 153:
 
/* ======================================================= */
/* 2. TOP FLOATING SQUARES (44px Standard Size) | Perfectly Aligned 8px) */
/* ======================================================= */
 
Line 160:
position: fixed !important;
top: 0 !important; left: 0 !important; right: 0 !important;
height: 64px60px !important; /* AdjustedTotal forreserved 44px buttons + marginsheight */
z-index: 1000 !important;
background: transparent !important;
Line 171:
}
 
/* Push content down to clear the buttons */
body.skin-minerva { padding-top: 64px60px !important; }
.mw-body { margin-top: 10px !important; }
 
Line 201:
#searchIcon {
position: fixed !important;
top: 10px !important;
/* ALIGNMENT: 8px Top */
top: 8px !important;
left: 10px !important;
right: auto !important;
Line 223 ⟶ 225:
display: flex !important;
position: fixed !important;
top: 10px !important;
/* ALIGNMENT: 8px Top */
top: 10px8px !important;
/* Position: 100px from right edge */
Line 240 ⟶ 244:
.branding-box {
position: fixed !important;
top: 10px !important;
/* ALIGNMENT: 8px Top */
top: 10px8px !important;
/* Position: 100px (Space) + 44px (TOC) + 10px (Gap) */
Line 267 ⟶ 273:
top: 0 !important; left: 0 !important;
width: 100% !important; height: 100% !important;
opacity: 0 !important; /* Invisible */
z-index: 2 !important;
}
/* Hide default contents of the link */
.branding-box a * { display: none !important; }
.branding-box a::before { display: none !important; }
Line 285 ⟶ 290:
display: block !important;
position: fixed !important;
top: 10px !important;
/* ALIGNMENT: 8px Top (Matches Buttons Exactly) */
top: 10px8px !important;
height: 44px !important;
z-index: 1001 !important;
left: 10px !important; /* Starts at Search Button */
right: 10px !important; /* Stretches to Right Edge */
width: auto !important;
Line 313 ⟶ 320:
padding-left: 55px !important;
padding-right: 55px !important;
/* Remove default margins to ensure top:8px alignment is true */
margin: 0 !important;
}