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 (PrecisionLeft FixesSearch Layout) */
/* ======================================================= */
 
Line 396:
}
 
/* Push page content down */
body.skin-minerva { padding-top: 60px !important; }
.mw-body { margin-top: 10px !important; }
Line 403:
.header-container .navigation-drawer { display: none !important; }
 
/* --- B. COMMON SQUARE STYLE (0.1 Transparency) --- */
.branding-box,
#searchIcon,
Line 416:
}
 
/* --- C. BUTTON 1: HOMESEARCH TRIGGER (TopNow on TOP LeftLEFT) --- */
#searchIcon {▼
.branding-box, .branding-box a {▼
position: fixed !important;
top: 8px !important;
left: 10px !important; /* MOVED TO LEFT */
right: auto !important;▼
width: 44px !important; height: 44px !important;
z-index: 10021003 !important; /* Highest Z-Index to overlay the bar */
display: flex !important; align-items: center; justify-content: center;▼
margin: 0 !important; padding: 0 !important;▼
}
 
/* Tiny Magnifying Glass */
/* FIX 1: FORCE CENTER ALIGNMENT */
#searchIcon .minerva-icon {▼
.branding-box a { ▼
displayfont-size: flex14px !important;
color: #fff !important;▼
align-items: center; ▼
fill: #fff !important;▼
justify-content: center; /* Horizontally Center */
text-alignopacity: center !important1;
widthfilter: 100%brightness(0) !importantinvert(1);
height: 100% !important;
padding: 0 !important; /* Kill inherited padding */▼
margin: 0 !important;
font-size: 0 !important; ▼
color: transparent !important; ▼
}▼
.branding-box a::before {▼
content: "⌂"; ▼
font-size: 24px !important;
color: #fff !important;
margin-top: -4px;▼
display: block !important;▼
width: 100% !important; /* Ensure icon takes full width for centering */
}
 
/* --- D. BUTTON 2: TOC (TopNow Righton RIGHT- Far RightCENTER) --- */
#cps-open-toc {
display: flex !important;
position: fixed !important;
top: 8px !important;
right: 10px64px !important; /* Shifted Left to leave space for X */
left: auto !important; bottom: auto !important;
width: 44px !important; height: 44px !important;
Line 461 ⟶ 451:
#cps-open-toc .icon { font-size: 22px !important; }
 
/* --- E. BUTTON 3: SEARCH TRIGGERHOME (LeftNow NEXT ofTO TOC) --- */
▲.branding-box, .branding-box a {
▲#searchIcon {
position: fixed !important;
top: 8px !important;
right: 64px118px !important; /* 10px64px Margin(TOC) + 44px TOC + 10px Gap */
left: auto !important; /* Removed Left positioning */
width: 44px !important; height: 44px !important;
z-index: 1002 !important;
▲ display: flex !important; align-items: center; justify-content: center;
▲ margin: 0 !important; padding: 0 !important;
}
 
/* FIX 2: TINYCentering the MAGNIFYINGHome GLASSIcon */
▲.branding-box a {
▲#searchIcon .minerva-icon {
font-sizedisplay: 14pxflex !important; /* Reduced from 20px -> 14px */
coloralign-items: #fff !importantcenter;
▲ alignjustify-itemscontent: center;
▲ fill: #fff !important;
paddingwidth: 0100% !important; marginheight: 0100% !important;▼
opacity: 1;
▲ padding: 0 !important; margin: 0 /* Kill inherited padding */!important;
filter: brightness(0) invert(1);
font-size: 0 !important; color: transparent !important;
▲}
▲.branding-box a::before {
▲ content: "⌂";
▲ font-size: 024px !important;
▲ color: transparent#fff !important;
▲ margin-top: -4px;
▲ display: block !important;
width: 100%auto !important;▼
}
 
/* --- F. THE SEARCH INPUT (FITSOverlaid BETWEENby BUTTONSSearch Button) --- */
 
/* 1. Hide initially */
Line 489 ⟶ 486:
}
 
/* 2. Position the Wrapper */
body.mw-mf-search-mode .minerva-header .search-box {
display: block !important;
position: fixed !important;
top: 8px !important;
height: 44px !important;
z-index: 1001 !important;
/* FIX 3: CALCULATED WIDTH & POSITION */
left: 64px !important; /* Gap after Home button */
/* Force width to stop at the search button */
/* 100vw (Full Screen) - 64px (Left Side) - 118px (Right Side Space) */
width: calc(100vw - 182px) !important;
▲ right: auto !important;
▲ padding: 0 !important; margin: 0 !important;
▲ background: transparent !important;
}
 
/* 3. Style the Input Box */
body.mw-mf-search-mode .minerva-header .search-box input {
▲ width: 100% !important;
height: 44px !important;
border-radius: 8px !important;
background-color: rgba(0, 0, 0, 0.4) !important;
▲ color: #fff !important;
-webkit-text-fill-color: #fff !important;
padding-left: 12px !important;
padding-right: 12px !important;
font-size: 16px !important;
}
 
/* 4. Remove Inner Icon */
.minerva-header .search-box .search-box-icon-overlay {
display: none !important;
}
 
/* 5. Placeholder Text */
body.mw-mf-search-mode .minerva-header .search-box input::placeholder {
color: rgba(255, 255, 255, 0.7) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;
}
 
/* 6. Hide Cancel Button */
.search-box .search-box-cancel { display: none !important; }
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"