MediaWiki:Mobile.css: Difference between revisions

Browse history interactively

← Older edit

Content deleted Content added

Revision as of 23:25, 6 December 2025 view source Wikilah admin (talk \| contribs) Bureaucrats, Interface administrators, Administrators 6,538 edits No edit summary ← Older edit		Latest revision as of 23:48, 6 December 2025 view source Wikilah admin (talk \| contribs) Bureaucrats, Interface administrators, Administrators 6,538 edits No edit summary
(3 intermediate revisions by the same user not shown)
Line 153: /* ======================================================= / / 2. TOP FLOATING SQUARES (44px \| ~~Perfectly~~#F8F9FA ~~Aligned 8px~~Tone) / / ======================================================= / Line 160: position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 60px !important; ~~/ Total reserved height /~~ z-index: 1000 !important; background: transparent !important; Line 171: } / Push content down ~~to clear the buttons~~ / body.skin-minerva { padding-top: 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 / opacity: 1 !important; background-~~color~~image: ~~rgba(0, 0, 0, 0.05)~~none !important;▼ -webkit-~~text-stroke~~appearance: ~~1.5px #fff~~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 206 ⟶ 213: 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 216 ⟶ 229: color: #fff !important; fill: #fff !important; opacity: 1 !important; filter: brightness(0) invert(1); margin: 0 !important; Line 225 ⟶ 238: display: flex !important; position: fixed !important; ▲ ~~/ ALIGNMENT: 8px Top /~~ top: 8px !important; Line 244 ⟶ 255: .branding-box { position: fixed !important; ▲ ~~/ ALIGNMENT: 8px Top /~~ top: 8px !important; Line 258 ⟶ 267: } / 1. The Home Icon (~~Thickened~~Bold & ~~Enlarged~~White) / .branding-box::after { content: "⌂"; ▲ ~~/ SIZE: Increased from 24px to 30px /~~ font-size: 30px !important; ▼ color: #fff !important; -webkit-text-stroke: 1px #fff !important; ~~/ BOLDNESS FIX: Artificially add thickness to the character /~~ ▲ -webkit-text-stroke: 1.5px #fff !important; ~~/ Alignment adjustments for the new size /~~ margin-top: -6px !important; display: block !important; Line 276 ⟶ 278: } / 2. The Link ~~(Invisible clickable cover)~~Overlay / .branding-box a { position: absolute !important; Line 298 ⟶ 300: display: block !important; position: fixed !important; ~~/ ALIGNMENT: 8px Top (Matches Buttons Exactly) /~~ top: 8px !important; height: 44px !important; Line 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 329 ⟶ 331: padding-right: 55px !important; ~~/ Remove default margins to ensure top:8px alignment is true /~~ margin: 0 !important; } Line 344 ⟶ 345: } / 6. Cancel "X" Button ~~positioning~~ */ .search-box .search-box-cancel { display: block !important;