MediaWiki:Mobile.css: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 153:
 
/* ======================================================= */
/* 2. TRANSLUCENT BLACKHIGH-TRANSPARENCY TOOLBAR (Single Line Layout) */
/* ======================================================= */
 
/* --- A. THE HEADER CONTAINER (The BlackTransparent Strip) --- */
.header-container.header-chrome {
position: fixed !important;
Line 165:
z-index: 1000 !important;
/* VISIBILITY TWEAK: 0.3 is very transparent (30% opacity) */
/* Translucent Black Background */
background-color: rgba(0, 0, 0, 0.853) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
backdrop-filter: blur(5px); /* Optional: Adds the "frosted glass" effect */
/* Frosted glass effect (keeps text readable behind it) */
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
/* Fixes */
Line 194 ⟶ 197:
.branding-box a::before {
content: "⌂";
font-size: 28px; color: #fff; /* White Icon */
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 ⟶ 213:
z-index: 1002 !important;
background: transparent !important;
color: #fff !important; /* White Icon */
box-shadow: none !important;
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
 
Line 226 ⟶ 232:
#searchIcon .minerva-icon {
font-size: 24px;
color: #fff; /* White Icon */
opacity: 1;
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
 
Line 261 ⟶ 268:
border: none !important;
/* Visual Style: Darker background so white text is readable */
background-color: rgba(2550, 2550, 2550, 0.25) !important; /* Semi-transparent white box */
color: #ffffff !important; /* White text */
-webkit-text-fill-color: #ffffff !important;
padding-left: 10px !important; /* Text padding */
}
 
/* 4. REMOVE THE INNER MAGNIFYING GLASS (As requested) */
/* This hides the icon inside the input box */
.minerva-header .search-box .search-box-icon-overlay {
display: none !important;