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 453:
 
/* ======================================================= */
/* 2. TOPBOTTOM FLOATING SQUARES (44pxCentered | #F8F9FA ToneCluster) */
/* ======================================================= */
 
Line 466:
box-shadow: none !important;
pointer-events: none !important;
transform: none !important;▼
transition: none !important;▼
overflow: visible !important;▼
}
 
Line 478 ⟶ 475:
.header-container .navigation-drawer { display: none !important; }
 
/* --- B. COMMON SQUARE STYLE (0.03 Transparency for #F8F9FA) --- */
.branding-box,
#searchIcon,
#cps-open-toc,
body.mw-mf-search-mode .minerva-header .search-box input {
/* 3% Black = ~#F8F9FA on white */
background-color: rgba(0, 0, 0, 0.2) !important;
/* Force Full Opacity & Strip Defaults */
opacity: 1 !important;
background-image: none !important;
Line 493 ⟶ 488:
box-shadow: none !important;
backdrop-filter: none !important;
▼
/* CHANGED: 50% makes it a perfect circle */
border-radius: 50% !important;
pointer-events: auto !important;
/* STANDARD 44px SIZING */
box-sizing: border-box !important;
width: 44px !important;
Line 506 ⟶ 498:
}
 
/* --- C. BUTTON 1: SEARCH TRIGGER (BOTTOM LEFT) --- */
#searchIcon {
position: fixed !important;
/* MOVEDVERTICAL: TO BOTTOMBottom */
top: auto !important;
bottom: 20px25px !important;
left: 10px !important;▼
right: auto !important;
/* FORCEHORIZONTAL: SIZEOffset RESETLeft from Center */
min-widthleft: 050% !important;
min-heightright: 0auto !important;
/* -22px(half home) -30px(gap) -44px(width) = -96px */
max-width: 44px !important;▼
maxmargin-heightleft: 44px-96px !important;
▲ min-width: 0 !important; max-width: 44px !important;
z-index: 1003 !important;
display: flex !important; align-items: center; justify-content: center;
}
 
/* Search Icon */
#searchIcon .minerva-icon {
font-size: 24px !important;
color: #fff !important;
fill: #fff !important;
opacity: 1 !important;
filter: brightness(0) invert(1);
margin: 0 !important;▼
}
 
/* --- D. BUTTON 2: TOC (BOTTOM RIGHT) --- */
#cps-open-toc {
display: flex !important;
position: fixed !important;
 
/* MOVEDVERTICAL: TO BOTTOMBottom */
top: auto !important;
bottom: 20px25px !important;
/* PositionHORIZONTAL: 10pxOffset fromRight rightfrom edgeCenter */
rightleft: 10px50% !important;
leftright: auto !important;
/* +22px(half home) +30px(gap) = +52px */
▲ margin-left: 10px52px !important;
z-index: 1002 !important;
Line 554 ⟶ 544:
}
 
/* TOC Icon */
#cps-open-toc .icon {
font-size: 30px !important;
Line 560 ⟶ 549:
margin-bottom: 3px !important;
}
 
/* FIX: Ensure no text label appears in button */
#cps-open-toc .label { display: none !important; }
 
/* --- E. BUTTON 3: HOME (LEFT OF TOCCENTER) --- */
.branding-box {
position: fixed !important;
 
/* MOVEDVERTICAL: TO BOTTOMBottom */
top: auto !important;
bottom: 20px25px !important;
/* HORIZONTAL: Dead Center */
/* Position: 10px (Edge) + 44px (TOC) + 10px (Gap) = 64px */
rightleft: 64px50% !important;
leftright: auto !important;
/* Half of 44px width to center it */
▲ overflowmargin-left: visible-22px !important;
min-width: 0 !important; max-width: 44px !important;▼
/* FIX: Force Square Shape on iPad/PC */
min-width: 0 !important;
▲ max-width: 44px !important;
width: 44px !important;
z-index: 1002 !important;
display: flex !important; align-items: center; justify-content: center;
align-items: center;
justify-content: center;
}
 
/* 1. The Home Icon (Bold & White) */
.branding-box::after {
content: "⌂";
font-size: 30px !important;
color: #fff !important;
/* CHANGED: Reduced from 1px to 0.5px for a cleaner look */
-webkit-text-stroke: 0.5px #fff !important;
margin-top: -6px !important;
display: block !important;
Line 601 ⟶ 582:
}
 
/* 2. The Link Overlay */
.branding-box a {
position: absolute !important;
Line 702 ⟶ 683:
 
/* ======================================================= */
/* FORCE STICKY TOC ON IPAD / TABLET (Keep in Cluster) */
/* ======================================================= */
@media screen and (min-width: 768px) {
#cps-open-toc {
/* Force Display */
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
/* Ensure it sits on top of the iPad header */
z-index: 9999 !important;
/* EnsureMATCH positioningTHE isMOBILE correctCLUSTER (BOTTOM)SETTINGS */
position: fixed !important;
top: auto !important; /* Changed from 8px */
bottom: 20px25px !important; /* Added bottom anchor */
▲
right: 10px !important; /* Changed from 100px to match mobile */
▲ transform left: none50% !important;
▲ transition right: noneauto !important;
▲ margin-left: 052px !important; /* Offset Right */
background-color: rgba(0, 0, 0, 0.2) !important;
width: 44px !important;
height: 44px !important;
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"