MediaWiki:Mobile.css: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 153:
 
/* ======================================================= */
/* 2. HIGH-TRANSPARENCY TOOLBAR (SingleShort LineSearch LayoutBar Version) */
/* ======================================================= */
 
Line 165:
z-index: 1000 !important;
/* VISIBILITYTransparency TWEAK:Level (0.3 is= very transparent (30% opacityvisible) */
background-color: rgba(0, 0, 0, 0.3) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
/* Frosted glass effect (keeps text readable behind it) */
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
Line 199:
font-size: 28px; color: #fff;
margin-top: -4px;
/* Shadow ensures button is visible if page background is white */
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
Line 208 ⟶ 207:
position: fixed !important;
top: 3px !important;
right: 0 !important; /* Pinned to right edge */
left: auto !important; bottom: auto !important;
width: 50px !important; height: 44px !important;
Line 237 ⟶ 236:
}
 
/* --- E. THE SHORT SEARCH INPUT FIELD (FITS IN THENo MIDDLEIcon) --- */
 
/* 1. Hide Input when NOT searching */
Line 248 ⟶ 247:
display: block !important;
position: fixed !important;
top: 7px8px !important; /* Vertically centered */
height: 36px34px !important;
z-index: 1001 !important;
/* THEWIDTH PADDING& POSITION LOGIC: Fit between buttons */
leftwidth: 60px160px !important; /* Clear theMakes Homeit Buttonshort */
right: 110px105px !important; /* Clear Search50px (50pxTOC) + TOC50px (50pxSearch) + 5px Gap */
left: auto !important; /* Don't stretch to left */
background: transparent !important;
Line 264:
body.mw-mf-search-mode .minerva-header .search-box input {
width: 100% !important;
height: 36px34px !important;
border-radius: 4px !important;
border: none !important;
/* Visual Style: Darker background so white text is readable */
background-color: rgba(0, 0, 0, 0.5) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
padding-left: 10px !important;
/* Padding: Small padding since we removed the icon */
padding-left: 10px8px !important;
padding-right: 8px !important;
/* Force remove any background images (icons) */
background-image: none !important;
}
 
/* 4. REMOVE THE INNER MAGNIFYING GLASS (Strictly) */
.minerva-header .search-box .search-box-icon-overlay {,
.minerva-header .search-box .minerva-icon {
display: none !important;
visibility: hidden !important;
width: 0 !important;
}
 
Line 286 ⟶ 295:
}
 
/* 6. Hide the Cancel button text if it appears */
.search-box .search-box-cancel { display: none !important; }