Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Line 378:
 
/* ======================================================= */
/* 2. TOP FLOATING BUBBLESSQUARES (SubtleFlat Version& Clean) */
/* ======================================================= */
 
Line 405:
.header-container .navigation-drawer { display: none !important; }
 
/* --- B. COMMON BUBBLESQUARE STYLE (The 0.1 Transparency) --- */
.branding-box,
#searchIcon,
#cps-open-toc,
body.mw-mf-search-mode .minerva-header .search-box input {
/* VERY Subtle Background (10% Black) */
background-color: rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(2px) !important; /* Slight blur for readability */
border-radius: 50%8px !important; /* SQUARE with soft /* Perfect Circlecorners */
pointer-events: auto !important; /* Re-enable clicking */
border: 1px solid rgba(0,0,0,0.05)none !important; /* Tiny border for definition /* No Border */
box-shadow: none !important; /* No Shadow */
}
 
Line 427 ⟶ 428:
z-index: 1002 !important;
}
/* CENTER FIX: ApplyFlexbox flex toon the anchor tagensures icon is middle of itselfsquare */
.branding-box a {
display: flex !important;
Line 438 ⟶ 439:
.branding-box a::before {
content: "⌂";
font-size: 22px24px; /* Matched size */
color: #fff;
margin-top: -3px4px; /* Slight offset for visual balance */
text-shadow: 0none 1px!important; 2px/* rgba(0,0,0,0.2);Remove Shadow */
}
 
Line 455 ⟶ 456:
color: #fff !important;
align-items: center; justify-content: center;
text-shadow: 0none 1px 2px rgba(0,0,0,0.2)!important;
}
#cps-open-toc .icon { font-size: 22px !important; } /* Matched size */
 
/* --- E. BUTTON 3: SEARCH TRIGGER (Left of TOC) --- */
Line 463 ⟶ 464:
position: fixed !important;
top: 8px !important;
right: 64px !important; /* 10px Margin + 44px TOC + 10px Gap */
left: auto !important;
width: 44px !important; height: 44px !important;
z-index: 1002 !important;
display: flex !important; align-items: center; justify-content: center;
border: none !important; margin: 0 !important; padding: 0 !important;
}
 
/* COLOR FIX: Force White Icon using Filters */
#searchIcon .minerva-icon {
font-size: 20px !important; /* Reduced size to match others */
color: #fff !important;
fill: #fff !important;
opacity: 1;
/*filter: Thisbrightness(0) forcesinvert(1); black/* iconsTurns toblack turnicon white */
bordertext-shadow: none !important;▼
filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}
 
Line 496 ⟶ 497:
z-index: 1001 !important;
/* ALIGNMENT: Fits nicely between bubblesHome and Search buttons */
left: 64px70px !important; /* Increased gap from Home button */
right: 118px125px !important; /* Increased gap from Search button */
padding: 0 !important; margin: 0 !important;
Line 504 ⟶ 505:
}
 
/* 3. Style the Input PillBox */
body.mw-mf-search-mode .minerva-header .search-box input {
width: 100% !important;
height: 44px !important;
border-radius: 22px8px !important; /* Matches Square Buttons */
▲ border: none !important;
/* Background slightlySlightly darker thanfor buttonsreadability forwhen readabilitytyping */
background-color: rgba(0, 0, 0, 0.4) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
padding-left: 15px12px !important;
padding-right: 15px12px !important;
font-size: 16px !important;
}
Line 527:
/* 5. Placeholder Text */
body.mw-mf-search-mode .minerva-header .search-box input::placeholder {
color: rgba(255, 255, 255, 0.87) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.87) !important;
}
 
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"