Revision as of 22:17, 6 December 2025 view source Wikilah admin (talk \| contribs) Bots, Bureaucrats, Editors, emailconfirmed, Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki), Suppressors, Administrators, Widget editors 9,702 edits No edit summary ← Older edit		Revision as of 22:24, 6 December 2025 view source Wikilah admin (talk \| contribs) Bots, Bureaucrats, Editors, emailconfirmed, Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki), Suppressors, Administrators, Widget editors 9,702 edits No edit summary Newer edit →
Line 378: /* ======================================================= / / 2. TOP FLOATING SQUARES (~~Left~~40px ~~Search~~\| ~~Layout~~High Transparency) / / ======================================================= / Line 403: .header-container .navigation-drawer { display: none !important; } / --- B. COMMON SQUARE STYLE (0.105 Transparency - No Blur) --- / .branding-box, #searchIcon, #cps-open-toc, body.mw-mf-search-mode .minerva-header .search-box input { / 5% Black Background (Twice as transparent as 0.1) / background-color: rgba(0, 0, 0, 0.1) !important; ▼ ~~backdrop~~background-~~filter~~color: ~~blur~~rgba(~~2px~~0, 0, 0, 0.05) !important; border-radius: 8px !important; pointer-events: auto !important; border: none !important; box-shadow: none !important; / Removed Blur as requested / ~~width~~backdrop-filter: ~~auto~~none !important; ▼ } / --- C. BUTTON 1: SEARCH TRIGGER (~~Now on~~ TOP LEFT) --- / #searchIcon { position: fixed !important; top: ~~8px~~10px !important; left: 10px !important; ~~/ MOVED TO LEFT /~~ right: auto !important; width: 44px !important; height: 44px !important;▼ / Size: 40px / z-index: 1003 !important; / Highest Z-Index to overlay the bar /▼ ▲ width: ~~44px~~40px !important; height: ~~44px~~40px !important; ▲ z-index: 1003 !important; / Highest Z-Index ~~to overlay the~~(Above ~~bar~~Bar) / display: flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; } / ~~Tiny~~Search ~~Magnifying~~Icon ~~Glass~~Size / #searchIcon .minerva-icon { font-size: ~~14px~~24px !important; / Matches Hamburger / color: #fff !important; fill: #fff !important; Line 437 ⟶ 444: } / --- D. BUTTON 2: TOC (~~Now on~~TOP RIGHT-CENTER) --- / #cps-open-toc { display: flex !important; position: fixed !important; top: ~~8px~~10px !important; ~~right: 64px !important; / Shifted Left to leave space for X /~~ / Position: Leave space for the "X" on the right / ~~width~~right: ~~auto~~60px !important; ▼ left: auto !important; bottom: auto !important; width: 44px !important; height: 44px !important;▼ / Size: 40px / ▲ width: ~~44px~~40px !important; height: ~~44px~~40px !important; z-index: 1002 !important; color: #fff !important; align-items: center; justify-content: center; } #cps-open-toc .icon { font-size: 22px !important; }▼ / Hamburger Icon Size (Increased ~25%) / / --- E. BUTTON 3: HOME (Now NEXT TO TOC) --- /▼ #cps-open-toc .icon { ▲~~#cps-open-toc~~ ~~.icon~~ { font-size: ~~22px~~24px !important; } } ▲/ --- E. BUTTON 3: HOME (~~Now~~LEFT ~~NEXT TO~~OF TOC) --- / .branding-box, .branding-box a { position: fixed !important; top: ~~8px~~10px !important; ~~right: 118px !important; / 64px (TOC) + 44px + 10px Gap /~~ / Position: 60px (TOC) + 40px (Width) + 10px (Gap) / left: auto !important; / Removed Left positioning /▼ ~~width~~right: ~~44px !important; height: 44px~~110px !important; ▲ left: auto !important; ~~/ Removed Left positioning /~~ / Size: 40px / width: 40px !important; height: 40px !important; z-index: 1002 !important; } / ~~FIX:~~ Centering the Home Icon / .branding-box a { display: flex !important; align-items: center; justify-content: center; ~~justify-content: center;~~ width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; Line 472 ⟶ 491: .branding-box a::before { content: "⌂"; font-size: 24px !important; / Matches others / color: #fff !important; margin-top: -4px; display: block !important; ▲ width: auto !important; } / --- F. THE SEARCH INPUT (Overlaid ~~by Search Button~~) --- / / 1. Hide initially / Line 490 ⟶ 508: display: block !important; position: fixed !important; top: ~~8px~~10px !important; / Aligned with buttons / height: ~~44px~~40px !important; / Aligned with buttons / z-index: 1001 !important; / ~~Lower~~Under ~~than~~the ~~Button~~Search ~~(1003)~~Button / left: 10px !important; / ~~Starts~~Start at Search Button / right: 10px !important; / ~~Stretches~~End toat ~~Far~~screen ~~Right~~edge / ▲ width: auto !important; padding: 0 !important; margin: 0 !important; Line 505 ⟶ 522: body.mw-mf-search-mode .minerva-header .search-box input { width: 100% !important; height: ~~44px~~40px !important; border-radius: 8px !important; / Same transparency as buttons / ~~background-color: rgba(0, 0, 0, 0.4) !important;~~ ▲ background-color: rgba(0, 0, 0, 0.105) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 16px !important; / ~~PADDING~~Text ~~IS KEY~~Padding: 40px (Button) + 10px (Gap) / padding-left: ~~44px~~50px !important; ~~/ Text starts AFTER the Search Button /~~ padding-right: 50px !important; ~~/ Text ends BEFORE the Cancel Button /~~ } / 4. Hide Inner Icon (~~Since we~~We use the ~~Button~~button as the icon) / .minerva-header .search-box .search-box-icon-overlay { display: none !important; Line 529 ⟶ 547: } / 6. ~~Ensure~~ Cancel ~~Button (~~"X") ~~is Visible on Far~~Button ~~Right~~positioning */ .search-box .search-box-cancel { display: block !important; Line 535 ⟶ 553: top: 0 !important; right: 0 !important; width: ~~44px~~40px !important; height: ~~44px~~40px !important; line-height: ~~44px~~40px !important; text-align: center !important; color: #fff !important;

MediaWiki:Common.css: Difference between revisions