MediaWiki:Mobile.css: Difference between revisions

Browse history interactively

← Older edit

Content deleted Content added

Revision as of 14:36, 6 December 2025 view source Wikilah admin (talk \| contribs) Bureaucrats, Interface administrators, Administrators 6,488 edits No edit summary ← Older edit		Latest revision as of 15:48, 6 December 2025 view source Wikilah admin (talk \| contribs) Bureaucrats, Interface administrators, Administrators 6,488 edits No edit summary
(5 intermediate revisions by the same user not shown)
Line 153: /* ======================================================= / / 2. TOP FLOATING SQUARES (44px ~~Standard~~\| ~~Size)~~#F8F9FA Tone) / / ======================================================= / Line 160: position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: ~~64px~~60px !important; ~~/ Adjusted for 44px buttons + margins /~~ z-index: 1000 !important; background: transparent !important; Line 172: / Push content down / body.skin-minerva { padding-top: ~~64px~~60px !important; } .mw-body { margin-top: 10px !important; } Line 178: .header-container .navigation-drawer { display: none !important; } / --- B. COMMON SQUARE STYLE (~~44px \|~~ 0.0503 Transparency for #F8F9FA) --- / .branding-box, #searchIcon, #cps-open-toc, body.mw-mf-search-mode .minerva-header .search-box input { / 3% Black = ~#F8F9FA on white / background-color: rgba(0, 0, 0, 0.05) !important; ▼ ~~border~~background-~~radius~~color: ~~8px~~rgba(0, 0, 0, 0.03) !important; pointer-events: auto !important;▼ / Force Full Opacity & Strip Defaults / ~~top~~opacity: ~~10px~~1 !important;▼ background-~~color~~image: ~~rgba(0, 0, 0, 0.05)~~none !important;▼ -webkit-appearance: none !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; border-radius: 8px !important; ▲ pointer-events: auto !important; / STANDARD 44px SIZING / Line 201 ⟶ 208: #searchIcon { position: fixed !important; ▲ top: 10px !important; / ALIGNMENT: 8px Top / top: 8px !important; left: 10px !important; right: auto !important; / FORCE SIZE RESET / min-width: 0 !important; min-height: 0 !important; max-width: 44px !important; max-height: 44px !important; z-index: 1003 !important; Line 214 ⟶ 229: color: #fff !important; fill: #fff !important; opacity: 1 !important; filter: brightness(0) invert(1); margin: 0 !important; Line 223 ⟶ 238: display: flex !important; position: fixed !important; top: ~~10px~~8px !important; / Position: 100px from right edge / Line 240 ⟶ 255: .branding-box { position: fixed !important; top: ~~10px~~8px !important; / Position: 100px (Space) + 44px (TOC) + 10px (Gap) / Line 252 ⟶ 267: } / 1. The Home Icon (~~Injected~~Bold ~~into~~& ~~the Box~~White) / .branding-box::after { content: "⌂"; font-size: ~~24px~~30px !important; color: #fff !important; -webkit-text-stroke: 1px #fff !important; margin-top: -~~4px~~6px !important; display: block !important; line-height: 1 !important; } / 2. The Link ~~(Invisible clickable cover)~~Overlay / .branding-box a { position: absolute !important; 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 ⟶ 300: display: block !important; position: fixed !important; top: ~~10px~~8px !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 305 ⟶ 320: box-sizing: border-box !important; / Background matches buttons / ▲ background-color: rgba(0, 0, 0, 0.05) !important; ▲ background-color: rgba(0, 0, 0, 0.0503) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; Line 313 ⟶ 330: padding-left: 55px !important; padding-right: 55px !important; margin: 0 !important; } Line 326 ⟶ 345: } / 6. Cancel "X" Button ~~positioning~~ */ .search-box .search-box-cancel { display: block !important;