Revision as of 22:30, 6 December 2025 view source Wikilah admin (talk \| contribs) Bureaucrats, Interface administrators, Administrators 6,664 edits No edit summary ← Older edit		Revision as of 22:36, 6 December 2025 view source Wikilah admin (talk \| contribs) Bureaucrats, Interface administrators, Administrators 6,664 edits No edit summary Newer edit →
Line 153: /* ======================================================= / / 2. TOP FLOATING SQUARES (~~Aligned~~44px &Standard ~~Sized~~Size) / / ======================================================= / Line 160: position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: ~~60px~~64px !important; / Adjusted for 44px buttons + margins / z-index: 1000 !important; background: transparent !important; Line 172: / Push content down / body.skin-minerva { padding-top: ~~60px~~64px !important; } .mw-body { margin-top: 10px !important; } Line 178: .header-container .navigation-drawer { display: none !important; } / --- B. COMMON SQUARE STYLE (44px \| 0.05 Transparency) --- / .branding-box, #searchIcon, #cps-open-toc, body.mw-mf-search-mode .minerva-header .search-box input { ~~/ 5% Black Background /~~ background-color: rgba(0, 0, 0, 0.05) !important; ▼ ~~/ Strict Sizing to fix "Bigger Button" bug /~~ box-sizing: border-box !important;▼ width: 40px !important; ▼ height: 40px !important;▼ border-radius: 8px !important; pointer-events: auto !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; ▲ padding: 0 !important; / Ensure no hidden padding /▼ / STANDARD 44px SIZING / ▲ box-sizing: border-box !important; ▲ width: ~~40px~~44px !important; ▲ height: ~~40px~~44px !important; ▲ padding: 0 !important; ~~/ Ensure no hidden padding /~~ margin: 0 !important; } Line 207 ⟶ 205: right: auto !important; z-index: 1003 !important; ~~/ Highest Z-Index /~~ display: flex !important; align-items: center; justify-content: center; } / Search Icon ~~Size: 24px~~ / #searchIcon .minerva-icon { font-size: 24px !important; Line 217 ⟶ 215: fill: #fff !important; opacity: 1; filter: brightness(0) invert(1); margin: 0 !important; } Line 227 ⟶ 225: top: 10px !important; / ~~POSITION~~Position: 100px ~~Empty~~from ~~Space~~right edge / right: 100px !important; left: auto !important; bottom: auto !important; Line 236 ⟶ 234: } / TOC Icon ~~Size: 24px~~ / #cps-open-toc .icon { font-size: 24px !important; } font-size: 24px !important; ▼ }▼ / --- E. BUTTON 3: HOME (LEFT OF TOC) --- / .branding-box~~, .branding-box a~~ { position: fixed !important; top: 10px !important; / ~~POSITION~~Position: 100px (Space) + ~~40px~~44px (TOC) + 10px (Gap) / right: ~~150px~~154px !important; left: auto !important; z-index: 1002 !important; ▲ ~~font-size~~display: ~~24px~~flex !important; align-items: center; ~~justify-content: center;~~▼ justify-content: center; } / ~~Centering~~1. ~~the~~The Home Icon (Injected into the Box) / .branding-box a::after { display: flex !important; ▼ ▲ align-items: center; justify-content: center; width: 100% !important; height: 100% !important;▼ padding: 0 !important; margin: 0 !important;▼ ~~font-size: 0 !important; color: transparent !important;~~ } .branding-box a::before {▼ content: "⌂"; font-size: 24px !important; Line 267 ⟶ 259: margin-top: -4px; display: block !important; line-height: 1 !important; ▲} / 2. The Link (Invisible clickable cover) / ▲.branding-box a~~::before~~ { position: absolute !important; ▲ ~~padding~~top: 0 !important; ~~margin~~left: 0 !important; ▲ width: 100% !important; height: 100% !important; opacity: 0 !important; / Invisible / ▲ ~~display~~z-index: ~~flex~~2 !important; } / Hide default contents of the link / .branding-box a { display: none !important; } .branding-box a::before { display: none !important; } /* --- F. THE SEARCH INPUT ~~(Overlaid)~~ --- / / 1. Hide initially / Line 281 ⟶ 286: position: fixed !important; top: 10px !important; height: ~~40px~~44px !important; z-index: 1001 !important; Line 287 ⟶ 292: right: 10px !important; / Stretches to Right Edge / ~~/ Reset dimensions for wrapper /~~ width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border-radius: 0 !important; ~~/ Wrapper doesn't need radius /~~ } / 3. Style Input Pill / body.mw-mf-search-mode .minerva-header .search-box input { ~~/ Explicitly override the common square style for WIDTH /~~ width: 100% !important; height: ~~40px~~44px !important; border-radius: 8px !important; box-sizing: border-box !important; Line 307 ⟶ 310: font-size: 16px !important; / PADDING: ~~40px~~44px (Button) + ~~15px~~11px (Gap) */ padding-left: 55px !important; padding-right: ~~50px~~55px !important; } Line 329 ⟶ 332: top: 0 !important; right: 0 !important; width: ~~40px~~44px !important; height: ~~40px~~44px !important; line-height: ~~40px~~44px !important; text-align: center !important; color: #fff !important;

MediaWiki:Mobile.css: Difference between revisions