Insurer Brain

MediaWiki:Common.js: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 279:
})();
 
/* 1. ResetForce the wrapper to be a simplehandle containerlayout */
.quiet-btn-wrapper {
display: inline-block !important;
padding: 0 !important;
/* No padding here, we want the link inside to handle the size */
}
 
/* 2. StyleTarget the actual link inside towith look like theMaximum ButtonPriority */
/* We use #mw-content-text to overpower default wiki styles */
.quiet-btn-wrapper a {▼
#mw-content-text .quiet-btn-wrapper a,
/* Layout & Box Model */
▲.quiet-btn-wrapper a, {
display: inline-flex; /* Ensures vertical centering */
.quiet-btn-wrapper a:active.external {▼
align-items: center;
box-sizing: border-box;▼
/* 1. FORCE THE BOX SHAPE */
min-height: 32px; /* Exact Codex button height */
display: inline-block !important;
padding: 0 12px; /* Standard horizontal padding */
min-height: 32px !important;
border-radius: 2px; /* The distinct 'square-ish' rounded corners */
padding: 6px 12px !important;
border: 1px solid transparent; /* Keeps sizing consistent with bordered buttons */
▲ box-sizing: border-box !important;
 
border-radius: 2px !important;
/* Typography */▼
border: 1px solid transparent !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Lato, Helvetica, Arial, sans-serif;
font-size: 0.875rem; /* 14px - Exact interface size */
/* 2. FORCE THE COLORS (Overrides the Blue Link) */
font-weight: 700; /* Bold text */
background-color: #f8f9fa !important; /* Light gray background */▼
line-height: 1.6; /* Standard line-height */
color: #202122 !important; /* Dark gray/black text (forced) */▼
text-decoration: none !important; /* No underline */
 
background-image: none !important; /* Removes external link icon */
/* Default Colors (Codex Neutral Quiet) */
▲ background-color: #f8f9fa; /* Light gray background */
▲ /* Typography3. FONTS */
▲ color: #202122 !important; /* Dark gray/black text (forced) */
font-family: sans-serif !important;
 
/*font-size: Smooth14px Transition!important; /* Effect0.875rem */
font-weight: 700 !important;
transition: background-color 100ms ease, color 100ms ease, border-color 100ms ease, box-shadow 100ms ease;
cursorline-height: pointer1.4 !important;
}
 
/* HOVER EFFECT */
/* 3. Hover State (Mouse over) */
#mw-content-text .quiet-btn-wrapper a:focus {hover,▼
.quiet-btn-wrapper a:hover {
background-color: #eaecf0 !important; /* Slightly darker gray */
color: #202122 !important;
text-decoration: none !important;
}
 
/* 4. Active State (Clicking down) */
▲.quiet-btn-wrapper a:active {
background-color: #c8ccd1; /* Even darker gray for click feedback */
box-shadow: none;
}
 
/* 5. Focus State (Accessibility/Keyboard navigation) */
▲.quiet-btn-wrapper a:focus {
outline: 2px solid #36c; /* Standard Wiki focus blue */
outline-offset: 2px;
}
 
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.js"