Insurer Brain

MediaWiki:Mobile.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Line 153:
 
/* ======================================================= */
/* 2. TOP FLOATING SQUARES (40pxAligned |& High TransparencySized) */
/* ======================================================= */
 
Line 178:
.header-container .navigation-drawer { display: none !important; }
 
/* --- B. COMMON SQUARE STYLE (0.05 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.05) !important;
/* Strict Sizing to fix "Bigger Button" bug */
box-sizing: border-box !important;
width: 40px !important; height: 40px !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; /* RemovedEnsure Blurno ashidden requestedpadding */
backdrop-filtermargin: none0 !important;
}
 
Line 202 ⟶ 207:
right: auto !important;
z-index: 1003 !important; /* Size:Highest 40pxZ-Index */
▲ width: 40px !important; height: 40px !important;
z-index: 1003 !important; /* Highest Z-Index (Above Bar) */▼
display: flex !important; align-items: center; justify-content: center;
margin: 0 !important; padding: 0 !important;▼
}
 
/* Search Icon Size: 24px */
#searchIcon .minerva-icon {
font-size: 24px !important; /* Matches Hamburger */
color: #fff !important;
fill: #fff !important;
opacity: 1;
filter: brightness(0) invert(1);
▲ margin: 0 !important; padding: 0 !important;
}
 
/* --- D. BUTTON 2: TOC (TOP RIGHT -CENTER 100px SPACE) --- */
#cps-open-toc {
display: flex !important;
Line 225 ⟶ 227:
top: 10px !important;
/* PositionPOSITION: Leave100px spaceEmpty for the "X" on the rightSpace */
right: 60px100px !important;
left: auto !important; bottom: auto !important;
/* Size: 40px */
▲ width: 40px !important; height: 40px !important;
z-index: 1002 !important;
Line 237 ⟶ 236:
}
 
/* Hamburger Icon Size: (Increased ~25%)24px */
#cps-open-toc .icon {
font-size: 24px !important;
Line 247 ⟶ 246:
top: 10px !important;
/* PositionPOSITION: 60px100px (TOCSpace) + 40px (WidthTOC) + 10px (Gap) */
right: 110px150px !important;
left: auto !important;
/* Size: 40px */
width: 40px !important; height: 40px !important;▼
z-index: 1002 !important;
}
Line 266 ⟶ 263:
.branding-box a::before {
content: "⌂";
font-size: 24px !important; /* Matches others */
color: #fff !important;
margin-top: -4px;
Line 283 ⟶ 280:
display: block !important;
position: fixed !important;
top: 10px !important; /* Aligned with buttons */
height: 40px !important; /* Aligned with buttons */
z-index: 1001 !important; /* Under the Search Button */
left: 10px !important; /* StartStarts at Search Button */
right: 10px !important; /* EndStretches atto screenRight edgeEdge */
/* Reset dimensions for wrapper */
▲ width: 40px !important; height: 40pxauto !important;
padding: 0 !important; margin: 0 !important;
background: transparent !important;
▲ zborder-indexradius: 10030 !important; /* HighestWrapper Z-Indexdoesn't (Aboveneed Bar)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 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
/* Same transparency as buttons */
background-color: rgba(0, 0, 0, 0.05) !important;
color: #fff !important;
Line 306 ⟶ 307:
font-size: 16px !important;
/* Text PaddingPADDING: 40px (Button) + 10px15px (Gap) */
padding-left: 50px55px !important;
padding-right: 50px !important;
}
 
/* 4. Hide Inner Icon (We use the button as the icon) */
.minerva-header .search-box .search-box-icon-overlay {
display: none !important;
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Mobile.css"