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 SQUARES (FinalPrecision Fixed VersionFixes) */
/* ======================================================= */
 
/* --- A. HEADER RESET (MakeInvisible it InvisibleContainer) --- */
.header-container.header-chrome {
position: fixed !important;
Line 387:
height: 60px !important;
z-index: 1000 !important;
▼
background: transparent !important;
border: none !important;
box-shadow: none !important;
pointer-events: none !important;
transform: none !important;
transition: none !important;
Line 398 ⟶ 396:
}
 
/* Push page content down slightly */
body.skin-minerva { padding-top: 60px !important; }
.mw-body { margin-top: 10px !important; }
Line 405 ⟶ 403:
.header-container .navigation-drawer { display: none !important; }
 
/* --- B. COMMON SQUARE STYLE (0.1 Transparency) --- */
.branding-box,
#searchIcon,
#cps-open-toc,
body.mw-mf-search-mode .minerva-header .search-box input {
/* Subtle Background (10% Black) */
background-color: rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(2px) !important;
border-radius: 8px !important; /* SQUARE */
pointer-events: auto !important;
border: none !important;
Line 429 ⟶ 425:
}
 
/* FIX: Hide1: text,FORCE ShowCENTER IconALIGNMENT */
.branding-box a {
display: flex !important;
align-items: center;
justify-content: center; /* Horizontally Center */
fonttext-sizealign: 0center !important; /* Hide "bizslash.com" text */
text-decorationwidth: none100% !important;
height: 100% !important;
leftpadding: 64px0 !important; /* Clears HomeKill Buttoninherited (10+44+10)padding */▼
margin: 0 !important;
font-size: 0 !important;
color: transparent !important;
}
 
/* The House Icon */
.branding-box a::before {
content: "⌂"; /* Unicode House */
font-size: 24px !important; /* Visible Size */
color: #fff !important; /* Visible Color */
visibility: visible !important; /* Force Visibility */
margin-top: -4px;
line-heightdisplay: 1block !important;
width: 100% !important; /* Ensure icon takes full width for centering */
}
 
Line 474 ⟶ 473:
}
 
/* FIX 2: SmallerTINY MagnifyingMAGNIFYING GlassGLASS */
#searchIcon .minerva-icon {
font-size: 16px14px !important; /* Reduced sizefrom (was20px 20-24px)> 14px */
color: #fff !important;
fill: #fff !important;
opacity: 1;
filter: brightness(0) invert(1); /* Force White */
}
 
Line 490 ⟶ 489:
}
 
/* 2. Position Containerthe Wrapper */
body.mw-mf-search-mode .minerva-header .search-box {
display: block !important;
Line 498 ⟶ 497:
z-index: 1001 !important;
/* FIX 3: Force width toCALCULATED fitWIDTH between& buttonsPOSITION */
widthleft: auto64px !important; /* StopGap itafter fromHome being 100%button */
▲
▲ left: 64px !important; /* Clears Home Button (10+44+10) */
/* Force width to stop at the search button */
right: 118px !important; /* Clears Search+TOC (10+44+10+44+10) */
/* 100vw (Full Screen) - 64px (Left Side) - 118px (Right Side Space) */
width: calc(100vw - 182px) !important;
right: auto !important;
padding: 0 !important; margin: 0 !important;
Line 513 ⟶ 515:
border-radius: 8px !important;
/* Slightly darker background for typing visibility */
background-color: rgba(0, 0, 0, 0.4) !important;
color: #fff !important;
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"