MediaWiki:Common.js: Difference between revisions
Content deleted Content added
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 279:
})();
/*
.quiet-btn-wrapper {
background-color: #f8f9fa;▼
border-radius: 2px;▼
display: inline-block;
/* No padding here, we want the link inside to handle the size */
font-weight: 700; /* Wikipedia uses bold for these actions */▼
}
/* 2. Style the actual link inside to look like the Button */
.quiet-btn-wrapper a {
/* Layout & Box Model */
display: inline-flex; /* Ensures vertical centering */
align-items: center;
box-sizing: border-box;
min-height: 32px; /* Exact Codex button height */
padding: 0 12px; /* Standard horizontal padding */
border-radius: 2px; /* The distinct 'square-ish' rounded corners */
border: 1px solid transparent; /* Keeps sizing consistent with bordered buttons */
/* Typography */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Lato, Helvetica, Arial, sans-serif;
font-size: 0.875rem; /* 14px - Exact interface size */
line-height: 1.6; /* Standard line-height */
text-decoration: none; /* No underline */
/* Default Colors (Codex Neutral Quiet) */
▲ background-color: #f8f9fa; /* Light gray background */
color: #202122 !important; /* Dark gray/black text (forced) */
/* Smooth Transition Effect */
transition: background-color 100ms ease, color 100ms ease, border-color 100ms ease, box-shadow 100ms ease;
cursor: pointer;
}
/* 3. Hover State (Mouse over) */
.quiet-btn-wrapper a:hover {▼
background-color: #eaecf0; /* Slightly darker gray */▼
color: #202122 !important;
text-decoration: none;
}
/* 4. Active State (Clicking down) */
▲.quiet-btn-wrapper:hover {
.quiet-btn-wrapper a:active {
▲ background-color: #eaecf0;
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 */
}
| |||